直接上干货!!!!

  • 安装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!
Logo

前往低代码交流专区

更多推荐