vue-cli3.0脚手架+typescript项目创建

1,499 阅读1分钟

1, node使用最新版本,不是的可以去官网下载

node.js官网

2, 使用命令升级到vue3.0: npm i -g @vue/cli

3, 创建项目文件夹,输入命令: vue create vue-project

  • default (babel,eslint)默认套餐,提供babel和eslint支持
  • Manually select features手动去选择需要的功能
  • 可以使用上下方向键来切换选项

4, 选择配置

5, 确认选择的配置

6, 选择css预处理

7, 选择TSLint或者ESLint规则,这个看个人喜好或者公司规定
8, 选择语法检查方式,这里我选择保存就检测
9, 选择单元测试解决方案,随意
10, 把babel,postcss,eslint这些配置文件放哪,这里随便选,我选择放在独立文件夹
11, 是否保存配置,N不记录,Y记录并且输入保存名字

12, 都确认之后,等待下载依赖,下载之后有完成提示操作

13, 输入 npm run serve 开始运行项目

项目运行成功,大概就是这样