首页 / VUE / vue-cli4 + TS构建新项目
vue-cli4 + TS构建新项目
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了vue-cli4 + TS构建新项目,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1462字,纯文字阅读大概需要3分钟。
内容图文
1. 如果你之前没有安装vue-cli,可以通过如下命令进行安装:
npm install -g @vue/cli
yarn global add @vue/cli
2. 创建vue项目
vue create vue-ts
vue-ts是项目目录名,根据个人喜好取
我们可以在这里手动选择配置:
选择自己配置。
? Check the features needed for your project:
(*) Babel // JavaScript 编译器,用于将 ECMAScript2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。
(*) TypeScript // TypeScript 是 JavaScript 类型的超集,主要是类型检查,需要被编译为 JavaScript 在浏览器上运行。
(*) Progressive Web App (PWA) Support // 渐进式Web应用程序
(*) Router // vue-router(vue路由)
(*) Vuex // vuex(vue的状态管理)
(*) CSS Pre-processors // CSS 预处理器(如:less、sass)
(*) Linter / Formatter // 代码风格检查和格式化(如:ESlint)
(*) Unit Testing // 单元测试(unit tests)
(*) E2E Testing // e2e(end to end) 测试
选择你需要的
? Use class-style component syntax? (Y/n) y // 是否使用Class风格装饰器?
即原本是:home = new Vue()创建vue实例
使用装饰器后:class home extends Vue{}
? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? (Y/n)
使用Babel与TypeScript一起用于自动检测的填充? y
? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)
路由使用历史模式? y
使用什么css预编译器? 我选择的 Sass/SCSS (with node-sass)
ESLint with error prevention only // 只进行报错提醒;
ESLint + Airbnb config // 不严谨模式;
ESLint + Standard config // 正常模式;
ESLint + Prettier // 严格模式; (我选这个)
TSLint (deprecated) // typescript格式验证工具
代码检查方式:我选择保存时检查
? Save this as a preset for future projects? (y/N)
是否在以后的项目中使用以上配置? N
至此,安装完成。
启动项目。
项目列表如下:
原文:https://www.cnblogs.com/daixin/p/12859189.html
内容总结
以上是互联网集市为您收集整理的vue-cli4 + TS构建新项目全部内容,希望文章能够帮你解决vue-cli4 + TS构建新项目所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。