VUE环境的搭建

1.安装nodeJs
下载地址:nodeJs下载地址
这里选择windows版本下载

下载完成之后可以傻瓜式安装…
安装完成之后可以在终端中进行查看是否安装成功
在终端中输入

node -v
npm -v

进行查看是否安装成功

出现版本号即可，接着可以安装淘宝镜像加速器（cnpm）
输入命令：

npm install cnpm -g

-g是全局的意思

在控制台打印

cnpm -v

查看版本号，以及是否安装成功

2. 安装vue脚手架（vue-cli）
控制台输入命令

cnpm install vue-cli -g

安装成功后输入

vue -V

可以查看安装脚手架版本

输入命令

vue list

命令查看可以根据哪些模板创建vue应用程序

创建一个vue程序
在命令行输入

vue init webpack myvue

创建一个vue程序

初始化并运行

cd myvue
npm install //当前目录下安装环境，根据项目下的package.json进行安装
npm run dev

（这里用了cnpm install ，网速太渣了，npm install没安装成功，不知道这两者会不会有区别QAQ）

安装完成后运行项目

到网页上访问端口号即可

3. 安装webpack打包工具（vue3.0之后不需要安装）

npm install webpack -g //打包工具
npm install webpack -cli -g //客户端

安装完成之后可以使用命令

npm -v

来检查是否安装成功

4.安装路由
命令行输入

npm install vue-router --save-dev
像安装类似的组件都可以到网上直接查找命令去安装 --save是保存到当前目录下

到这里就基本搭建完成一个简单的VUE环境QAQ

总结：

创建一个工程

vue init webpack vue-name

进入项目

cd vue-name

安装路由

npm install vue-router --save -dev

安装组件（elemnetUI为例）

npm i element-ui -S

安装依赖

npm install

安装 SASS 加载器

cnpm install sass-loader node-sass --save-dev

启动测试

npm run dev