1.打开终端cmd,输入以下命令安装vue-cli
npm install -g @vue-cli
2. 安装完成后,输入 vue -V查看安装是否成功
3.创建vue项目,打开需要创建的文件位置,打开终端
vue create demo-first
4.创建过程中会弹出以下提示, 问你是否使用更快的淘宝镜像,我选择 No.
5.使用 Vue create 创建项目是使用默认配置(包含babel, eslint)还是手动选择,我选择手动选择。
6.如果不选则默认来看看手动选择的情况。进入之后可手动选择一些特性,通过上下移动选中后按空格可显示 * ,所有确认之后按回车
- Babel 编译作用
- TypeScript 强类型的 JS
- Progressive Web App (PWA) Support 渐进式 APP ,主要用于兼容移动端
- Router 路由
- Vuex Vue的状态管理器
- CSS 预处理器,可选择使用 less 、sass、 stylus等预处理器
- Linter / Formatter 代码检测和格式化
- Unit Testing 单元测试
- 暂时不考虑端到端测试(E2E Testing)
7. 进入下一个,选择自己需要的版本
8.选择需要的css的预处理器 less 回车
9.询问将Babel、ESLint、etc等插件的配置项放在自己独立的配置文件还是放在整个json文件,这里选择放在独立文件
10. 询问是否将此次设置选项设置为后续项目中的预设值
11.显示这样即为安装成功
11.项目运行起步命令:
cd demo-first
npm run serve