javascript代码实例教程-Vue-cli开启Vuejs项目----详解

发布时间:2019-01-13 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-Vue-cli开启Vuejs项目----详解脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

Vue-cli开启Vuejs项目----详解,对比流行框架AngularReact

javascript代码实例教程-Vue-cli开启Vuejs项目----详解

vue-cli gIThub地址:https://github.COM/vuejs/vue-cli

要求:

Node.js (>=4.x, 6.x PReferred), npm version 3+ and Git.

第一步:$ npm install -g vue-cli 全局安装vue 安装成功可以执行 vue -v 查看版本号

第二步:实例化项目

$ vue init webpack project-name

例如:

$ vue init webpack my-project

最终项目会使用webpack打包代码

javascript代码实例教程-Vue-cli开启Vuejs项目----详解

按照上图执行命令即可

最后执行下图一个简单的vuejs 项目就搭建成功了。

javascript代码实例教程-Vue-cli开启Vuejs项目----详解

项目成果:

javascript代码实例教程-Vue-cli开启Vuejs项目----详解

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-Vue-cli开启Vuejs项目----详解全部内容,希望文章能够帮你解决javascript代码实例教程-Vue-cli开启Vuejs项目----详解所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。