vue + ts搭建项目

vue + ts搭建项目

• 安装vue-cli3

npm install -g @vue/cli

• 创建vue项目

vue create test // test是项目名![在这里插入图片描述](https://img-blog.csdnimg.cn/2020120317420556.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NjNl82Ng==,size_16,color_FFFFFF,t_70#pic_center)

• 选择创建模式，如图我门选择第二个自定义创建
  

• 手动选择特性（上下箭头移动，空格选择，回车完成）
  

• 接下来会选择一些配置（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
  

• 最后npm run serve运行项目