美文网首页
VUE的vue-cli

VUE的vue-cli

作者: 雅俗共赏_ | 来源:发表于2017-06-08 22:28 被阅读0次

最近在用vue写项目,里面遇到了许多大大小小的坑,今天就把这些坑给总结一下。
首先是他的vue-cli脚手架:
vue-cli是通过命令来构建项目的,首先必须保证自己安装和配置nodejs通过命令行输入node -v出来版本号就说明安装配置成功了
然后再配置npm,npm -v出来版本号就是成功了
通过指向淘宝镜像来安装cnpm,
npm install cnpm -g --registry=https://registry.npm.taobao.org
然后cnpm出来版本号即安装成功

下面就是配置vue-cli的配置:
    首先全局安装vue,执行命令cnpm install vue-cli -g进行全局安装
    安装完成之后输入vue -V会出来一个版本号即安装成功
然后找一个自己项目的文件夹通过cd命令切进去,或者直接在地址栏输入cmd直接打

开输入命令vue init webpack “webpack”这个是自己所命名的文件夹的名称然后下面会出

来一些配置信息除了第一个是yes其他的全部都是no然后一直到最后一步这个项目就算是

生成了通过cd切入到这个文件夹执行cnpm install 来安装下载package.json中的依赖模

块,安装完成后会在文件夹生成node-module文件夹来存放安装的依赖文件,当文件下载

安装完成最后就是启动项目,通过执行npm run dev来启动项目。

这样一个vue的项目就成功配置成功了。

相关文章

网友评论

      本文标题:VUE的vue-cli

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