vue-cli (vue脚手架)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli (vue脚手架)相关的知识,希望对你有一定的参考价值。

vue-cli(脚手架):它可以自动生成目录

1.在网速不佳的情况下可以安装cnpm(淘宝镜像)如果网速快可以不用安装cnpm直接进行下一步操作

第一步:在命令行执行(全局安装cnpm)

npm install -g cnpm --registry=https://registry.npm.taobao.org

第二步:新建一个叫2017-07-17的文件夹,然后打开它;

mkdir 2017-07-17

第三步:全局安装vue-cli

cnpm install vue-cli -g --save-dev

查看是否安装上:版本是2.8.2

vue--version

vue-cli本身就继承了很多模板:

simple/webpack/webpack-siimple/browserify/...

第四步:使用simple模板:

vue init simple (模块名)#1.0(版本号) simpledemo(本地文件名称)

 

第五步:进入生成的目录里

cnpm install

第六步:运行

cnpm run dev

 

以上是关于vue-cli (vue脚手架)的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli脚手架中webpack配置基础文件详解

vue-cli 脚手架中 webpack 配置基础文件详解

vue-cli 脚手架中 webpack 配置基础文件详解

vue-cli脚手架中webpack配置基础文件详解

使用vue-cli脚手架搭建项目,保存编译时出现的代码检查错误(ESLint)

使用脚手架 vue-cli 4.0以上版本创建vue项目