Vue前端环境搭建

前言

Vue环境搭建

安装node.js

1.进入Node.js官网：https://nodejs.org/en/，选择下载安装Node.js，具体步骤如下。

 

 

安装完成后弹出命令窗口关闭即可。

2.验证Node.js是否安装好，在windows下，win+r召唤出运行窗口，输入cmd命令打开命令窗口。输入node -v即可得到对应的版本号。

npm包管理器是集成在Node.js中，所以在安装Node.js的时候自带了npm。输入npm -v可得到npm的版本号。

输入以下命令npm -g install npm,更新npm至最新版本。

安装cnpm

执行命令npm install -g cnpm --registry==https://registry.npm.taobao.org。

cnpm安装脚手架vue-cli

执行命令cnpm install -g -vue-cli安装脚手架。

构建项目

将vue项目创建在E盘目录下，目录结构为E:\workspace\vue-space，用cmd命令进入该路径下，输入新建项目命令vue init webpack javalsj-vue,执行后会自动生成vue项目。（javalsj为项目名称，自己定义即可）。

安装项目依赖

cmd命令下进入路径：E:\workspace\vue-space\javalsj-vue，然后输入命令cnpm install安装项目所需的依赖包资源。

运行项目

安装完项目依赖后再执行命令：npm run dev。

浏览器访问项目

项目运行成功后浏览器访问地址：http://localhost:8080就可以看到效果了。