28、VUE环境搭建及新建项目（vue）

一、vue安装（node.js）
所有操作都可以在控制台操作
1、安装node.js

https://nodejs.org/en/下载安装

2、安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

检查方式 cnpm -V 出现版本号

3、安装webpack

npm install webpack -g

检查方式 webpack -V

4、安装脚手架

npm install vue-cli -g
二、用vue-cli

1、window+r打开命令行，输入cmd

2、输入 cd desktop /desktop指桌面/

3、创建项目

vue init webpack project /project是项目名称，自己取，不能用中文/

进入安装会有很多问题（ps:use Eslint to lint your code）建议选no;

4、进入项目

cd desktop/project

5、安装 npm

输入 npm install 如果下载很久没有成功就输入cnpm install

6、安装vue路由

cnpm install vue-router vue-resource --save

7、启动项目
在src当前目录下ctrl+shift+右键如图

输入 npm run dev

浏览器中打开localhost：8080 /默认8080/

这个是VUE前端框架，我们也可以导入其他的前端组件，例如 vant，mint-ui等等