Vue+TypeScripts搭建一个项目


首先,检查有没有安装vue脚手架

vue -V

如果没有,先安装

npm i -g @vue/cli

 再检查脚手架版本,如果还不是命令,需要配置一下环境变量

找到 用户下 AppData\Roaming\npm ,配置到path里

配置好环境后,就可以开始创建项目啦

vue create vue_demo //项目名字

 

 

 选手动配置

 

 看需要选择:(按空格键和下)

  • Babel:使用babel,便于将我们源代码进行转码(把es6=>es5)
  • TypeScript:使用TypeScript进行源码编写
  • Progressive Web App(PWA):使用渐进式网页应用(PWA)
  • Router:使用vue-router
  • Vuex:使用vuex状态管理器
  • CSS Pre-processors:使用CSS预处理器,比如:less,sass等
  • Linter/Formatter:使用代码风格检查和格式化
  • Unit Testing:使用单元测试
  • E2E Testing:使用E2E测试, end to end(端到端)

 

 选择vue版本

 

 是否使用Class(类)风格装饰器, 即通过export default class Home extends Vue{} 创建Vue实例

 

 使用Babel做转义, 与TypeScript一起用于自动检测

 

 路由模式, 是否选择history模式

 

 选择一种css 预处理器

 

 选择一种代码格式化检测工具

 

 保存时检查 or 提交时检查

 

 选择一种单元测试的方案

 

 Babel, PostCSS, ESLin等配置文件怎么存放, 是放到单独的配置文件中?还是package.json里? 

 

 是否需要保存当前配置

 然后装依赖,就可以了。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM