//安装vue cli4
npm install @vue/cli -g
//检测是否安装成功
vue --version //或者 vue -V
//创建项目
vue create vueapp
选择手动或自动安装
手动安装界面,用上下箭头移动、空格键确认选项
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) 测试
后面的步骤看情况选择y或n
路由模式配置
这里我选择less,回车!
扫描二维码关注公众号,回复:
13284942 查看本文章
保存时候检查代码
选择lint的配置文件如何存放。这里选择分开存放,方便管理。回车!
选y, 回车、再回车
开始安装
完成