介绍
vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。这篇文章将会从实操的角度,介绍整个搭建的过程。
在项目的终端中输入:
- 安装cli脚手架
npm install -g @vue/cli@3.0.4 (3.0.4是版本号) - 创建项目
vue create 项目名称
然后会询问你下面的内容
please pick a preset?是否使用默认的配置项
Babel //一般需要 ES6转为ES5
TypeScript //使用TS作为开发语言
Propress Web App(PWA)Support //渐进式app支持
Router //路由,一般需要 管理页面切换
Vuex //全局状态管理器(数据管理)
CSS Pre-processors //css预处理器(less,sass)
Linter / Foramtter //语法严格检查
Unit Testing //单元测试
E2E Testing //E2E测试
然后紧接着又问你
- Use history mode for router? (Requires proper server setup for index fallback in production)问router是否使用history模式,历史模式就是没有#路径的
- Where do you prefer placing config for Babel, ESLint, etc.? 将配置文件单独保存还是放在package.json中,可以考虑选择前者,也就是第一个
- Save this as a preset for future projects? (y/N)保存本次配置以后用?可以选择否
对上述操纵不太明白的,可以观看详细的安装操作视频
vue-cli(vue脚手架)安装视频