vue-cli3+ts创建项目（超详细） - Go语言中文社区

vue-cli3+ts创建项目（超详细）

直接上干货！！！！

  • 安装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！
版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/qq_32754575/article/details/102416418
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。
  • 发表于 2020-03-08 14:44:42
  • 阅读 ( 863 )
  • 分类：前端

你可能感兴趣的文章

精选的优质文章

0 条评论

请先 登录 后评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看

来源51CTO

如果觉得我的文章对您有用，请随意打赏。你的支持将鼓励我继续创作！