vue-cli

Posted 鱼大饼

tags:

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

安装 vue-cli

安装好了 node,我们可以直接全局安装 vue-cli:

npm install -g vue-cli

安装完成后,可以使用 vue -V (注意 V 大写)查看是否安装成功。

生成项目 

vue init webpack

E:\webApp>vue init webpack

? Generate project in current directory? Yes
‘git‘ ????????????????????????е????
?????????
? Project name vue-music        //你项目的名字
? Project description 音乐播放器   //项目的描述
? Author  yu                                     //项目的作者
? Vue build runtime                          
? Install vue-router? Yes                    //是否安装路由
? Use ESLint to lint your code? Yes                 //es6代码检查器 规范你写的代码
? Pick an ESLint preset Standard                   //选es6标准的规则
? Setup unit tests with Karma + Mocha? No    //测试相关的
? Setup e2e tests with Nightwatch? No           //单元测试

   vue-cli · Generated "webApp".

   To get started:

     npm install
     npm run dev

   Documentation can be found at https://vuejs-templates.github.io/webpack

 然后执行 npm install   npm run dev

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

vue-cli在index.html判断环境变量加载不同代码

路由的默认 vue-cli 延迟加载代码在定义为 lambda 时不起作用

取消vue-cli打包自动压缩代码的方法

带有 vuetify 的 vue-cli 在代码和框中出现故障

vue-cli 项目结构

Vue10 Vue-Cli 项目创建