vue cli 3.0 使用全过程解析
首先在使用 vue create my-project 创建项目的时候要选择使用 css 预处理器。
安装 vue-cli
首先使用 npm 安装 vue-cli v3.0。
npm install -g @vue/cli
安装完成后使用 vue -V 查看版本号，如果显示版本号说明安装完成。
创建项目
vue-cli v3.0 创建项目的命令与 2.0 有所不同。3.0 创建项目的命令为：
vue create test-project
创建过程中首先选择创建的模式，是采用默认配置，还是自定义配置：
通过上下箭头进行选择。window 默认 cmd 可能不支持箭头上下选择，建议下载其他 shell 工具。
建议采用 Mannual select features 自定义模式。这样可以自主选择需要的插件。
因为我之前创建过一次，所以创建了一个命名为 walle 的模板，下次创建的时候可以直接按照上次的模板进行创建。
选择自定义模式后可以自由选择想要在项目中使用的插件，用空格键选中。
如果选择了 CSS Pre-processors (CSS预处理器)， 则接下来会让你选择预处理器的类型。
我选择了相对比较熟悉的 SCSS/SASS 预处理器。这样就可以在项目中使用 SCSS 语法和 SASS 语法了。关于 如何在项目中使用 SCSS/SASS 请看我的另一篇。
接下来会让你选择 lint 的模式，也就是检测代码的规则。
选择每次保存时进行代码规则校验。
选择配置文件的集成方式，是配置在独立文件中，还是全都配置在 package.json 文件中。因为在独立文件中比较容易看，所以建议选择使用独立文件。
最后就是询问你是否将此次的配置生成一个模板，下次直接之后模板配置直接生成项目了。
确定后就开始了漫长的项目生成之旅了。（第一次使用 vue-cli 进行项目生成可能会卡主，一直不动，这时候按一下 enter 键项目就能继续生成了）
总结
以上所述是小编给大家介绍的vue cli 3.0 使用全过程解析，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
node.js代码修改后，需要重新启动 Express 应用，所做的修改才能生效。若之后的每次代码修改都要重复这样的操作，势必会影响开发效率，本文将详细介绍Nodemon，它会监测项目中的所有文件，一旦发现文件有改动，Nodemon 会自动重启应用2020-02-02
这篇文章主要介绍了Vue登录注册并保持登录状态的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
演示代码使用 Vue3 + ts + Vite 编写，但是也会列出适用于 Vue2 的优化技巧，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要给大家介绍了关于Vue动态创建注册component的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Vue具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-06-06
这篇文章主要介绍了vue3不同环境下实现配置代理，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-05-05
这篇文章主要介绍了Vue 通过自定义指令回顾v-内置指令(小结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了Vue实现指令式动态追加小球动画组件的步骤，帮助大家更好的理解和实用vue，感兴趣的朋友可以了解下2020-12-12
这篇文章主要介绍了安装Vue+webpack出现的问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-06-06
vue+VeeValidate 校验范围实例详解（部分校验,全部校验）
validate（)可以指定校验范围内，或者是全局的 字段。而validateAll()只能校验全局。这篇文章主要介绍了vue+VeeValidate 校验范围（部分校验，全部校验） ,需要的朋友可以参考下2018-10-10
在页面中经常会遇到自定义文本,如果文本过长就需要换行,在HTML中可以通过标签换行,也可以通过\n转椅字符换行,下面这篇文章主要给大家介绍了关于vue文本识别“\n”换行问题的解决方式,需要的朋友可以参考下2022-11-11
最新评论