脚本宝典收集整理的这篇文章主要介绍了vue2.0脚手架的安装和项目搭建，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

首先我们需要安装nodejs，我就不多说了，去node官网下载安装吧https://nodejs.org/zh-cn/

关于node的版本选择，我一向是啥时候用就安装最新的。因为前端技术更新太快了，用最新的两个月后就不是了，所以还是与时俱进吧

然后node i vue-cli 安装这个脚手架，默认是2.*的，需要装3.0“npm install -g @vue/cli”具体给你们一个链接自己参考，https://www.cnblogs.com/XCWeb...

安装完后，vue -V看看版本，有了版本号，说明安装ok

前期工作已经准备完毕

vuecli可以搭建集中不同类型的项目框架，可以通过vue list查看有多少种类型

对于商业级项目，我们一般都选取webpack。其他的框架，自己可以去搭建起来看看

搭建步骤

1、vue inIT webpack my-PRoject

执行后，可以看到一些选项，一般是三个，是否需要用vue-router，是否需要用eslint，是否需要用test unit测试，是否需要用e2e，端到端测试，都选y吧，更全面

搭建成功cd到my-project里，执行npm i，下载依赖包，完了之后多了一个node-moudles。这里还有几个隐藏文件。包含babellrc、eslintlrc、还有editorconfig（帮助开发人员在不同的编辑器和IDE之间定义和维护一致的编码样式）、eslintignore（忽略哪些文件夹可以不用eslint规则）

最后执行npm start，出现访问ip地址表示运行ok了。

当然这只是vue商业级项目的标准搭建，可以在里面安装一些自己喜欢的插件，帮助我们更好的开发项目。

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

脚本宝典总结

以上是脚本宝典为你收集整理的vue2.0脚手架的安装和项目搭建全部内容，希望文章能够帮你解决vue2.0脚手架的安装和项目搭建所遇到的问题。

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

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