vue-cli3+ts创建项目(超详细)

直接上干货!!!!

  • 安装vue-cli3
npm install -g @vue/cli
  • 创建vue项目脚手架
vue create ts-temp // ts-temp是项目名
  • 选择创建模式,如图我门选择第二个自定义创建
    在这里插入图片描述
  • 手动选择特性(上下箭头移动,空格选择,回车完成)
    在这里插入图片描述
  • 接下来会选择一些配置(y-是,n-否)
  1. 是否使用类样式组件语法?选择y
    在这里插入图片描述
  2. 是否将babel与typescript一起使用?选择y
    在这里插入图片描述
  3. 路由是否使用history模式(默认hash模式)?选择y
    在这里插入图片描述
  4. 选择css预编译方式,我选的是Sass/SCSS (with node-sass)
    在这里插入图片描述
  5. 选择一个语法检测配置,选择TSLint
    在这里插入图片描述
  6. 选择语法检查方式,选择Lint on save
    在这里插入图片描述
  7. 你希望babel、postcss、eslint等的配置文件放在哪?选择In dedicated config files
    在这里插入图片描述
  8. 将此保存为将来项目的预设?随意选,我选的n
    在这里插入图片描述
    以上所有配置都选择完毕,下载依赖,推荐使用cnpm,不然下载真的太慢了!!
  • 最后npm run serve运行项目
    在这里插入图片描述
  • 最后感谢大家的宝贵时间,xx!
  • 15
    点赞
  • 40
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值