vue使用vue-cli快速创建工程

　　

本文介绍了vue使用vue-cli快速创建工程,分享给大家,具体如下:

　　

vue-cli安装 　　 　　 　　npm我vue-cli - g 　　vue init webpack-simple vue-todos 　　 　　

vue-cli是一个官方发布vue。js项目脚手架,使用vue-cli可以快速创建vue项目。
　　

　　

- g代表全局安装。
　　

　　

我就是安装的缩写。
　　

　　

其中webpack-simple代表模板的名称.vue-todos是你给自己的项目起的名称,这个随便起。

　　

配置完成后,可以看到目录下多出了一个项目文件夹,里面就是vue-cli创建的一个基于webpack-simple的vue。js项目。

　　

　　

之后一直回的车,,并切换到vue-todos的目录
　　

　　

接着执行

　　 　　 　　npm我 　　 　　

之后就可以运行了

　　 　　 　　npm运行dev 　　 　　

这时可以修改上述应用程序。vue的文件。
　　

　　

比如改为

　　 　　 　　& lt; template> 　　& lt; div id=坝τ谩北? 　　v & lt;按钮:点击="计数器+=1”在增加1 & lt;/button> 　　& lt; p>这个按钮被点击了{{柜台}}次。;/p> 　　& lt;/div> 　　 　　& lt;/template> 　　 　　& lt; script> 　　出口默认{ 　　名称:“应用程序”, 　　数据(){ 　　返回{ 　　柜台:0, 　　} 　　} 　　} 　　& lt;/script> 　　 　　之前 　　 　　

其出口中默认的代表导出。然后在main.js利用进口导入

　　

运行的话结果就是

　　

　　

<强>总结

　　

vue-cli就是一个根据模板快速创建工程的工具(命令)啦~。

　　

<强>参考
　　

　　

Vue爬坑之路(一)——使用vue-cli搭建项目,
　　

　　

JavaScript ES6中出口及出口违约的区别

　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

vue使用vue-cli快速创建工程