美文网首页
Vue.js:使用vue-cli快速构建项目

Vue.js:使用vue-cli快速构建项目

作者: 旺旺大魔王 | 来源:发表于2017-02-27 15:49 被阅读0次

    vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的。

    1、npm install -g  vue-cli (安装去全局vue-cli )  有的时候有看到其它两种写法:  --save-dev 和 --save的写法。

    2、vue init webpack  imageUpLoad 下载一个webpack项目,斜体部分是自己 命名的项目名 这里wo准备创建的是一个图片上传的demo

    执行完这一步之后就会要求你填写项目名称、描述、作者以及相关的配置,根据提示填写即可,有需求者根据自己需求填写。

    这个时候对应的项目目录下就出现刚刚建立的项目了

    安装依赖

    这边我使用的nrm管理npm源,切换国内cnpm源

    npm install 安装依赖,安装完成之后项目根目录就会多出一个node_modules

    npm run dev 运行项目

    相关文章

      网友评论

          本文标题:Vue.js:使用vue-cli快速构建项目

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