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 webpack-dev-server@2.9.7

再运行npm run dev

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容