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 webpack-dev-server@2.9.7
再运行npm run dev
注意:当前我们所搭建的环境以及项目构建出来的文件目录,都是用于组件化开发的,大家在练习的时候,不要去修改index.html界面,而是去修改App.vue文件,外面的架子不要改的
网友评论