vue2项目创建步骤

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

 

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

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

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

Babel通过转换和优化JavaScript代码,可以保证Vue应用能够在更广范围的浏览器中运行且表现良好。

TypeScript 支持使用 TypeScript 书写源码

Progressive Web App (PWA) Support PWA 支持。

Router 支持 vue-router 。

Vuex 支持 vuex 。

CSS Pre-processors 支持 CSS 预处理器。

Linter / Formatter 支持代码风格检查和格式化。

Unit Testing 支持单元测试。

E2E Testing 支持 E2E 测试。

 

 4.选择Vue版本,这里我用的的是Vue2所以选择2.x

 

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

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

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

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值