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