vue-cli搭建项目(笔记)

70 阅读1分钟

指令 vue create 项目名称

image.png

  • default ([vue2]babel, eslint) vue2的默认配置 提供babel和eslint支持
  • default(vue3) ([vue3]babel, eslint) 默认配置 提供babel和eslint支持
  • Manually select features 自己手动去选择需要的配置 选择最后一个

选择需要的功能模块

image.png

  • Babel 主要是对es6语法转换成兼容的js (选上)

  • TypeScript 支持使用TypeScript语法来编写代码

  • PWA PWA 支持

  • Router 支持vue路由配置插件(一般都会选择)

  • Vuex 支持vue程序状态管理模式 (一般都会选择)

  • CSS Pre-processors 支持css预处理器 (一般都会选择)

  • Linter / Formatter 支持代码风格检查和格式化 (选上)

  • Unit Testing 单元测试

  • E2E Testing E2E测试

  • .Use history mode for router? vue-router的历史模式 y

  • Pick a CSS pre-processor 选择css预处理器
    Less

  • Where do you prefer placing config for Babel, ESLint, etc.? 配置文件放在哪里
    In package.json

  • Save this as a preset for future projects? 是否保存当前配置 no

image.png

创建完成

image.png

 $ cd vue-practice
 $ npm run serve

运行以上代码,成功

image.png

npm run build