使用vue/cli创建VUE项目

[TOC]

1. 安装VUE

npm install vue

2. 安装VUE脚手架

npm i -g @vue/cli

3. 创建VUE项目

# 创建 vue2项目
vue create 项目名

## 项目名要求
1. 项目名称不能包含大写字母。
2. 项目名称不能以数字开头。
3. 项目名称不能包含空格或特殊字符(可以使用短横线-)
创建vue项目
  • default(vue3 babel,eslint):默认设置(直接enter)非常适合快速创建一个新vue3项目的原型,没有带任何辅助功能的 npm包

  • default(vue2 babel,eslint):默认设置(直接enter)非常适合快速创建一个新vue2项目的原型,没有带任何辅助功能的 npm包

  • Manually select features:自定义配置(按方向键 ↓)是我们所需要的面向生产的项目,提供可选功能的 npm 包

3.1 默认创建vue项目

默认创建vue项目

3.2 自定义创建vue项目

  1. Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
  2. ( ) Babel //转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。
  3. ( ) TypeScript// TypeScript是一个JavaScript(后缀.js)的超集(后缀.ts)包含并扩展了 JavaScript 的语法,需要被编译输出为 JavaScript在浏览器运行,目前较少人再用
  4. ( ) Progressive Web App (PWA) Support// 渐进式Web应用程序
  5. ( ) Router // vue-router(vue路由)
  6. ( ) Vuex // vuex(vue的状态管理模式)
  7. ( ) CSS Pre-processors // CSS 预处理器(如:less、sass)
  8. ( ) Linter / Formatter // 代码风格检查和格式化(如:ESlint)
  9. ( ) Unit Testing // 单元测试(unit tests)
  10. ( ) E2E Testing // e2e(end to end) 测试
自定义创建

常用选项及创建成功

常用选项及创建成功

4. 运行项目

npm run serve

5. 打包项目

npm run build
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容