vue2.x配Typescript 常规安装配置教程

npm install --global @vue/cli安装升级最新脚手架Vue CLI4.x
vue create my-project(项目名)// 也可以使用可视化命令面板创建项目 vue ui
选择Manually select features自定义配置
常规配置

可选择vue2

? Please pick a preset: Manually select features
? Check the features needed for your project:
 (*) Babel //es6 转 es5
 ( ) TypeScript //要用ts则勾选
 ( ) Progressive Web App (PWA) Support
 (*) Router //路由
 (*) Vuex //数据容器，存储共享数据
 (*) CSS Pre-processors //CSS 预处理器，后面会提示你选择 less、sass、stylus 等
 (*) Linter / Formatter //代码格式校验
 ( ) Unit Testing
 ( ) E2E Testing

5.? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) n //是否使用 history 路由模式，这里输入 n 不使用

选择 CSS 预处理器，这里选择我们熟悉的 Sass
选择校验工具，这里选择 ESLint + Standard config(严格模式)

? Pick a linter / formatter config:
  ESLint with error prevention only
  ESLint + Airbnb config
> ESLint + Standard config
  ESLint + Prettier

何时校验：

Lint on save：每当保存文件的时候

Lint and fix on commit：每当执行 git commit 提交的时候这里建议两个都选上，更严谨。

? Pick additional lint features:
 (*) Lint on save
>(*) Lint and fix on commit

8.Babel、ESLint 等工具会有一些额外的配置文件，这里的意思是问你将这些工具相关的配置文件写到哪里：

In dedicated config files：分别保存到单独的配置文件 In package.json：保存到 package.json 文件中这里建议选择第 1 个，保存到单独的配置文件，这样方便我们做自定义配置。

? Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)
> In dedicated config files
  In package.json

vue2.x配Typescript 常规安装配置教程

猜你喜欢