vue cli搭建,vuecli4创建项目

　　Vue-cli是Vue.js的官方项目脚手架，可以用来快速创建vue项目。本文介绍了vue-cli4.5.x快速构建项目，有兴趣的可以看看。

一、安装vue-cli

　　npm i @vue/cli -g

二、创建项目

　　Vue-cli将创建一个完整的项目文件夹，包括src等。我们只需要将cd放入这个项目文件所在的文件夹，并执行下面的代码；

　　1.生成项目文件；

　　终端输入：

　　vue创建项目名称

　　2.选择生成配置方法。

　　选择底部项目进行手动配置。

　　(如果喜欢用eslint，就选vue3)

　　3.插件选择

　　选择需要的插件，移动上下箭头，用空格切换选择的状态。

　　选择错误或遗漏？没事的。在构建之后，您仍然可以通过Vue UI修改插件配置(如下所述)

　　我不习惯ESLint，所以在这里就不逞强了…

　　在most单元测试和端到端测试(E对E测试)下，需要开放；

　　4.单一配置

　　为单一配置选择第一项“选择Vue版本”:

　　为vue路由器启用HTML5的历史模式？

　　这个建议会让你的url更干净，可读性更强。

　　在SPA页面中，很多方法会依赖HTML5的历史模式；

　　你打算怎么存储这些babeleslint之类的配置文件？

　　我这里推荐第一项…生成一个单独的配置文件，这样你只需要找到对应的配置文件就可以修改对应的配置；

　　好的，你以后要用这个建设项目的配置吗？

　　这取决于你…

　　如果是，第四个选项将在下次执行第一步时出现，这是您的自定义配置方法。

　　为这个配置起一个名字：projectname

　　5.选择包管理工具。

　　会让你选择是用npm还是yarn。这里不展示我直接用了npm，很奇怪；

　　选择你想用的就行了。

　　创作完成。

　　那我们跑一跑看一看吧！

　　npm运行服务

　　进入相应的端口可以看到Vue的初始界面。

三.VueUI修改配置

　　打开cmd，进入‘vue ui’等待GUI服务启动，一个基于本地服务的UI界面会自动打开。

　　通过导入您的项目文件，您可以快速运行项目，安装插件和卸载插件等。在左侧的插件类别下。

附-删除已保存的配置选项

　　如果您保存了配置，下次使用时，您将拥有一个属于您自己的配置。太多可能有点刺眼？

　　这些配置将保存在。vuerc 文件放在c盘管理员下。

　　删除相应的对象。

总结

　　关于vue-cli4.5.x快速构建项目的这篇文章到此结束。有关vue-cli4.5.x构建项目的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。