使用命令创建 VUE 项目

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用命令创建 VUE 项目，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1638字，纯文字阅读大概需要3分钟。

内容图文

第一步：检查 vue/cli 的版本

• 只有当 vue/cli 的版本高于 4.0 才可以使用命令创建 vue 项目
  

第二步 使用 vue create 项目名 创建项目

• 项目名不能包含大写字母，否则会创建失败
  
  

第三步：选择默认配置还是手动配置

• 选项一：默认配置
• 选项二：手动配置
  
  （选择了手动配置）

第四步：根据项目需求选择配置项

• 空格：选中或取消
• a：全选或全取消
• 上下箭头：移动到某一项
• 回车：进入下一步
  
  （选择了1、4、5、6、7）

Babel：Babel 编译器，可以将高级语法转换为低级语法。
TypeScript：支持使用 TypeScript 书写源码
Router：支持 vue-router
Vuex：支持 vuex
CSS Pre-processors：CSS 预处理器（流行的有 Sass、Less、Stylus）
Linter / Formatter：支持代码风格检查和格式化
Unit Testing：支持单元测试
E2E Testing：支持 E2E 测试

第五步：选择路由模式

• y：使用 history 模式
• n：使用 hash 模式
  
  （选择了 hash 模式）

第六步：选择 CSS 预处理器

• 选项一、选项二：Sass
• 选项三：Less
• 选项四：Stylus
  
  （选择了 Less）

第七步：选择代码风格和格式化

• 选项一：只配置使用 ESLint 官网的推荐规则
• 选项二：使用 ESLint 官网推荐的规则 + Airbnb 第三方的配置
• 选项三：使用 ESLint 官网推荐的规则 + Standard 第三方的配置
• 选项四：使用 ESLint 官网推荐的规则 + Prettier 第三方的配置
  
  （选择了 选项三）
  （参考文献：点击跳转）

第八步：选择语法检查方法

• 选项一：保存时检查
• 选项二：fix 和 commit 时检查
  
  （选择了保存时检查）

第九步：选择配置文件存放方式

• 选项一：存放到独立的文件中
• 选项二：存放在 package.json 文件中
  
  （选择了存放到独立文件中）

第十步：询问是否保存这一次的项目配置

• Yes：保存，在下次创建项目时会同时显示默认配置、手动配置、保存的配置
• No：不保存这次的项目配置
  
  （选择了 Yes）

选择 Yes 后需要为该配置起一个名称（我起的名为： vue-template）。

第十一步：进入项目目录并运行 npm run serve


第十二步：启动完成后项目就可以在本地跑起来了

内容总结

以上是互联网集市为您收集整理的使用命令创建 VUE 项目全部内容，希望文章能够帮你解决使用命令创建 VUE 项目所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---