vue-cli

Posted 半夏微澜ぺ

tags:

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

通过<script>标签把vue.js引入进来,就可以使用vue.js了,但是在真正开发一个应用的时候,我们补课避免的会用到一大堆的工具,模块化、预处理器、热模块加载、代码校验和测试。这些工具对于一个需要长期维护的大型项目来说是必须的,但是项目初始化将会是一个让人痛苦的事情,这就是为什么我们做了vue-cli,让一个简单地命令工具来帮助你快读的构建一个拥有强大构建能力的Vue.js的项目

使用方法:

安装vue-cli

    npm install -g vue-cli   

使用vue-cli初始化项目

    vue init webpack myProject     

进入到目录

 cd myProject   

安装依赖

   npm install    

开始运行

   npm run dev   

上面的这些命名会从vuejs-templates拉取模板并安装,然后用NPM安装依赖,最后你只需要用个NPM脚本启动就能开始开发了

官方模板

查看官方模板:

    vue list    

创建属于你的模板

如果你对官方的模板不感兴趣,你可以自己fork下来然后进行修改(或者重新写一个),然后用vue-cli来调用。

因为vue-cli可以直接拉取git源:

     vue init username/repo my-project    

无处不在的Vue组件每一个模板都有自己的作用:

基础版本用于快速构建原型,高级版本用于正式开发。这些模板有许多共同的功能,如都支持*.vue组件。这意味着任何第三方的Vue组件都可以随意使用,并且可以轻而易举的发布在NPM上 - 让我们创建出更多的可重用组

 

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

vue入门教程

vue全家桶

Vue.js-扩展学习-3

vue3.x新增特性

vue3.x新增特性

vue3.x新增特性