vue环境搭建+简单项目新建

Vue.js是一种渐进式前段框架。

vue项目环境搭建：

①安装node，检测node和npm版本，其中node版本4.0.0以上

②进行淘宝镜像的安装  npm install -g cnpm --registry=https://registry.npm.taobao.org

③安装webpack  npm install webpack -g

④安装vue-cli  npm install vue-cli -g   （要用管理员身份运行）

项目新建：

package.json文件描述项目的依赖

①事先创建vue项目库的文件夹

②进入该文件夹，vue init webpack vue-demo（新项目名字）

注意下面几个YES/NO的地方：

③进入该项目，npm install     /安项目依赖/       

④项目运行，npm run dev

当脚手架升级之后会出现下面问题：

版本更新原因

解决办法：npm install之后，运行 npm i -D [email protected]

再运行npm run dev

注意：当前我们所搭建的环境以及项目构建出来的文件目录，都是用于组件化开发的，大家在练习的时候，不要去修改index.html界面，而是去修改App.vue文件，外面的架子不要改的