当前位置: 首页 > Web前端 > vue.js

vue-cli3构建项目

时间:2023-04-01 01:20:18 vue.js

//卸载之前的版本npmuninstallvue-cli-g或yarnglobalremovevue-cli//安装最新版本npminstall-g@vue/cli或yarnglobaladd@vue/cli//勾选vue--version或者vue-V创建新项目:vue-cli3快速创建项目`1:vuecreatemy-project前两项是你之前保存的设置,也就是我预设的配置以前保存过。现在可以使用了。如果没有保存配置,可以选择Manuallyselectfeatures,用上下键用空格选择?检查你的项目需要的功能:(按选择,切换所有,反选)2>()Babel//Transcoder,它可以将ES6代码转换成ES5代码,这样它可以在现有环境中执行。3()TypeScript//TypeScript是JavaScript(后缀.js)(后缀.ts)的超集,包含并扩展了JavaScript的语法,需要编译输出为JavaScript才能在浏览器中运行。目前很少有人使用4()ProgressiveWebApp(PWA)Support//ProgressiveWebApplication5()Router//vue-router(vue路由)6()Vuex//vuex(vue的状态管理模式)7()CSSPre-processors//CSS预处理器(eg:less,sass)8()Linter/Formatter//代码风格检查和格式化(eg:ESlint)9()UnitTesting//单元测试(unittests)10()E2ETesting//e2e(endtoend)测试2:这里的问题是是否使用class-style的组件语法。如果想在项目中继续使用Typescript类风格,建议选择y3:UseBabelandTypeScripttogetherforautomaticdetectionFilling?此处选择y4:路由是否使用历史模式?5:ESLintwitherrorpreventiononly//只有错误提醒ESLint+Airbnbconfig//非严格模式ESLint+Standardconfig//普通模式ESLint+Prettier//严格模式TSLint(deprecated)//TypeScript格式验证工具我选择First物品。6:单元测试?选择一个单元测试解决方案:(使用方向键)Mocha+ChaiJest选择第一项。原文:https://segmentfault.com/a/1190000022684511?utm_source=tag-newest