vue-cli3+ts创建项目(超详细)
没有摘要,直接来吧
·
直接上干货!!!!
- 安装vue-cli3
npm install -g @vue/cli
- 创建vue项目脚手架
vue create ts-temp // ts-temp是项目名
- 选择创建模式,如图我门选择第二个自定义创建
- 手动选择特性(上下箭头移动,空格选择,回车完成)
- 接下来会选择一些配置(y-是,n-否)
- 是否使用类样式组件语法?选择y
- 是否将babel与typescript一起使用?选择y
- 路由是否使用history模式(默认hash模式)?选择y
- 选择css预编译方式,我选的是Sass/SCSS (with node-sass)
- 选择一个语法检测配置,选择TSLint
- 选择语法检查方式,选择Lint on save
- 你希望babel、postcss、eslint等的配置文件放在哪?选择In dedicated config files
- 将此保存为将来项目的预设?随意选,我选的n
以上所有配置都选择完毕,下载依赖,推荐使用cnpm,不然下载真的太慢了!!
- 最后npm run serve运行项目
- 最后感谢大家的宝贵时间,xx!
更多推荐
已为社区贡献5条内容
所有评论(0)