当前位置: 首页 > Web前端 > HTML5

Vue2.0脚手架安装及项目搭建

时间:2023-04-05 11:20:48 HTML5

首先我们需要安装nodejs,我就不多说了,去node官网下载安装https://nodejs.org/zh-cn/关于版本选择节点,我总是在你使用它的时候安装最新的。因为前端技术更新太快,用最新的两个月就不行了,所以跟上时代,然后nodeivue-cli安装这个脚手架,默认是2.*,需要install3.0《npminstall-g@vue/cli》特地给大家一个链接供大家自己参考,https://www.cnblogs.com/XCWeb...安装完成后用vue-V查看版本。有了版本号就代表前期的安装工作已经准备好了,vuecli可以搭建不同类型的项目框架,可以通过vuelist查看有多少类型。对于商业级别的项目,我们一般选择webpack。其他的框架大家可以自己搭建看看。Step1.vueinitwebpackmy-project执行后,可以看到一些选项,一般三个,是否需要使用vue-router,是否需要使用eslint,是否需要使用Testunittest,是否需要使用e2e,端到端测试,选y,构建比较全面成功的cd到my-project中,执行npmi,下载依赖包,然后添加一个node-moudles。这里还有几个隐藏文件。包含babellrc、eslintlrc、editorconfig(帮助开发者定义和维护不同编辑器和IDE之间一致的编码风格)、eslintignore(忽略哪些文件夹可以被eslint规则忽略)最后执行npmstart,访问ip地址出现表示手术没问题。当然,这只是Vue商业级项目的标准搭建。你可以在里面安装一些你喜欢的插件,帮助我们更好的开发项目。