美文网首页
vue环境搭建+简单项目新建

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

作者: Mango97 | 来源:发表于2018-07-28 13:41 被阅读12次

    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文件,外面的架子不要改的

    相关文章

      网友评论

          本文标题:vue环境搭建+简单项目新建

          本文链接:https://www.haomeiwen.com/subject/jcctuftx.html