使用vue-cli创建项目,vue-cli4创建项目

　　本文主要介绍vue-cli5构建vue项目的实现步骤。通过示例代码详细介绍，对大家的学习或工作有一定的参考价值。有需要的朋友就跟着下面的边肖学习吧。

　　vue-cli的最新版本是5.0.4。

　　首先需要全局安装vue-cli。

　　yarn全局添加@vue/cli

　　安装的可以升级到最新版本。

　　yarn全球升级-最新@vue/cli

　　然后开始用vue-cli 5构建项目“Hello-World”。

　　创建hello-wold

　　将出现以下配置项目：

　　1.选择自动配置或手动配置。

　　选择手动配置。

　　2.选择插件

　　选择babel、typscript、路由、css预编译和代码格式化。

　　3.选择vue版本

　　选择vue3

　　4.选择是否使用类样式组件。

　　Class-style componnet是vue推出的支持typescript的decorator，所以可以选择使用。

　　5.选择是否使用babel将polyfills注入到编译的typescript代码中。

　　不考虑函数，一定要选y。

　　6.选择是否使用历史样式路由。

　　替代使用

　　7.选择css预编译

　　选择较少。

　　8.选择语法检测和代码格式化插件。

　　选择ESlint比较漂亮，常用的。另外两个是ESLint格式和ESLint通用格式。第一种选择是只使用ESLint语法检测。

　　9.选择语法和格式检测的时间。

　　选择保存时检查。

　　10.选择如何保存插件配置。

　　选择每个配置作为单独的文件。

　　11.您想保存此配置吗？

　　选择不需要。

　　所有的配置都在这里完成。

　　然后进行依赖下载，完成后的页面如下：

　　这样就生成了一个hello-world文件夹，进入这个文件夹，命令行执行yarn serve，

　　这样一来，vue-cli 5就完成了建造工程，和vue-cli 4差别不大。

　　关于vue-cli5 building vue项目实施步骤的这篇文章到此为止。更多关于vue-cli5 building vue项目的信息，请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们！

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