Vue2项目创建步骤
1.选择存放项目的文件夹,在终端输入命令:Vue create “项目名称” ,创建自己的Vue项目文件夹(注:项目名称开头首字母一定要是英文小写)
2.创建完成后选择版本,这里我们选择自定义版本
3.Manually select features表示可自己选择配置,看个人项目需求进行选择
空格键是选中与取消,A键是全选
- Choose Vue version vue版本选择
- Babel 是否兼容低版本浏览器
- TypeScript 是否扩展JavaScript
- Progressive Web App (PWA) Support 是否支持渐进式Web应用程序
- Router 是否配置路由
- Vuex 是否配置状态管理模式(相当于本地存储)
- CSS Pre-processors 是否配置CSS预处理器
- Linter / Formatter 格式化程序规范选择
- Unit Testing 是否创建单元测试
- E2E Testing 是否创建端到端测试
4.选择Vue版本
5.选择路由模式是history或hash模式,我们选择hash模式,所以 输入“n” 代表no,然后回车
6.选择css预处理器,我们选择less
7.这里是问我们这些配置的模块,是单独放一个文件夹,还是放在package.json文件夹里,这里我推荐单独放一个文件夹里。
8.这里表示是否保存预设,选择y会让你输入一个命令名进行存储保存,下次创建项目时可通过该命令名直接使用这个设置,这里我推荐选择N
9.设置完之后直接就是创建项目,创建完之后根据所示输入命令,命令输入完之后会给我们一个本地服务器的地址,将地址复制到浏览器即完成了整个Vue2项目的创建