美文网首页
脚手架4.5.12搭建vue3项目

脚手架4.5.12搭建vue3项目

作者: 背着生活往前走你才辨的出美和丑 | 来源:发表于2021-04-23 11:27 被阅读0次
    vue create <Project Name> //文件名 不支持驼峰(含大写字母)
    
    前两项默认,选择第三项手动

    选择手动后需要选择配置项:

    > ? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
    (*) Choose Vue version。 // 选择vue版本
    (*) Babel //转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。
    (*) TypeScript// TypeScript是一个JavaScript(后缀.js)的超集(后缀.ts)包含并扩展了 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) 测试

    选择3.x

    ? Use class-style component syntax? Yes 是否使用class风格的组件语法:
    ? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? Yes 是否使用babel做转义
    ? Use history mode for router? (Requires proper server setup for index fallback in production) Yes 路由器使用历史模式?
    ? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Less 选择一个CSS预处理器
    ? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files 您喜欢在哪里放置Babel、ESLint等的配置。?在专用配置文件中
    ? Save this as a preset for future projects? No 是否将此保存为将来项目的预设

    相关文章

      网友评论

          本文标题:脚手架4.5.12搭建vue3项目

          本文链接:https://www.haomeiwen.com/subject/ickvkltx.html