Vue2项目创建步骤

1.选择存放项目的文件夹,在终端输入命令:Vue create “项目名称” ,创建自己的Vue项目文件夹(注:项目名称开头首字母一定要是英文小写)

Vue2项目创建步骤_第1张图片 

 2.创建完成后选择版本,这里我们选择自定义版本

 Vue2项目创建步骤_第2张图片

 

 3.Manually select features表示可自己选择配置,看个人项目需求进行选择

空格键是选中与取消,A键是全选

Vue2项目创建步骤_第3张图片

  • 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版本

Vue2项目创建步骤_第4张图片

 5.选择路由模式是history或hash模式,我们选择hash模式,所以 输入“n” 代表no,然后回车

Vue2项目创建步骤_第5张图片

  6.选择css预处理器,我们选择less 

Vue2项目创建步骤_第6张图片

7.这里是问我们这些配置的模块,是单独放一个文件夹,还是放在package.json文件夹里,这里我推荐单独放一个文件夹里。

Vue2项目创建步骤_第7张图片

 8.这里表示是否保存预设,选择y会让你输入一个命令名进行存储保存,下次创建项目时可通过该命令名直接使用这个设置,这里我推荐选择N

 Vue2项目创建步骤_第8张图片

  9.设置完之后直接就是创建项目,创建完之后根据所示输入命令,命令输入完之后会给我们一个本地服务器的地址,将地址复制到浏览器即完成了整个Vue2项目的创建

Vue2项目创建步骤_第9张图片

 

 

你可能感兴趣的:(vue.js,前端,javascript)