vue2.0脚手架的安装和项目搭建

发布时间:2019-05-07 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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

vue2.0脚手架的安装和项目搭建

前期工作已经准备完毕

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

vue2.0脚手架的安装和项目搭建

对于商业级项目,我们一般都选取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,请注明来意。