• vue cli3


     init  project 初始化git仓库
     
    window + R 然后输入cmd打开终端
     
    在终端中输入 vue ui 
    创建GUI项目可视化管理
    会打开浏览器 Vue项目管理器
     
    然后点击  创建目录 选择项目的存放路径 (自定义的文件夹) 选择好后 会跳转到 创建新项目
     选择好存放目录后悔跳转到新的面板
    首先 填写项目名称 
    在Git 这输入 init  project(自动生成配置)  点击下一步悔跳转到预设面板
     
    如果以前创建过项目 可以选择以前创建好的预设
    如果不想使用以前的 可以点击手动配置项目
     
    在功能面板中我们可以选择安装哪些主要的功能
    ①Babel 
     Transpile modern JavaScript to older versions (for compatibility)[讲现代JavaScript转换为旧版本(为了兼容性)]
    ②TypeScript【类型脚本】
    Add support for the TypeScript language【添加对typescript语言的支持】
    ③Progressive Web App (PWA) Support
    Improve performances with features like Web manifest and Service workers【通过Web manifest和Service worker等特性提高性能】
    ④Router【路由】
    Structure the app with dynamic pages【用动态页面构造应用程序】
    ⑤Vuex
    Manage the app state with a centralized store【使用集中存储管理应用程序状态】
    ⑥CSS Pre-processors
    Add support for CSS pre-processors like Sass, Less or Stylus【添加对CSS预处理器(如Sass、Less或手写笔)的支持】
    ⑦Linter / Formatter【代码格式校验】
    Check and enforce code quality with ESLint or Prettier【使用ESLint或Prettier检查并强制执行代码质量】
    ⑧Unit Testing
    Add a Unit Testing solution like Jest or Mocha【添加单元测试解决方案,如Jest或Mocha】
    ⑨E2E Testing
    Add an End-to-End testing solution to the app like Cypress or Nightwatch【向应用程序添加端到端测试解决方案,如Cypress或Nightwatch】
    ⑩使用配置文件
    将插件的配置保存在各自的配置文件 (比如 '.babelrc') 中。【把不同的配置单独的保存】
     
    一般选择 ① ④ ⑦  ⑩  选择好后会跳转到配置项
     
     
    ①Use history mode for router? (Requires proper server setup for index fallback in production)【使用路由器的历史模式?(需要为生产中的索引回退设置正确的服务器)】 【关闭
    ②Pick a linter / formatter config: 【选择一个linter/formatter配置:】
      ⑴ESLint with error prevention only【ESLint仅具有错误预防功能】
      ⑵ESLint + Airbnb config【ESLint+Airbnb配置】
      ⑶ESLint + Standard config【ESLint+标准配置】【(选择这个)】
      ⑷ESLint + Prettier【ESLint+更漂亮】
    Checking code errors and enforcing an homogeoneous code style is recommended.【建议检查代码错误并强制使用相同的代码样式。】
    ③Pick additional lint features:【选择其他绒布功能:】
      ⑴Lint on save【按下 Ctrl+S 就会对格式进行校验】【(选择这个)】
      ⑵Lint and fix on commit (requires Git)【】
     
    选择好后 会弹出一个保存新预设的弹框 如果想要存的话就输入 不想保存的话直接跳过就可以了
     
     
     
     备注: 安装插件时 输入  vue-cli-plugin-插件名称
     
     
     
     
     
     
    a
  • 相关阅读:
    JavaScript如何获取一个元素的样式信息
    Linux服务器命令行操作(小白专用)
    Linux云服务器搭建node环境
    C++ new和delete运算符简介
    C++中free()与delete的区别
    VS2017+Qt开发时打开命令调试窗口
    opencv4.2版本遇到CV_MINMAX未声明标识符
    CUDA 数据传输
    uchar 存为8位/16位图像(QImage)
    Qt Creator删除toolbar中多余的“分隔符”
  • 原文地址:https://www.cnblogs.com/maxiag/p/12642180.html
Copyright © 2020-2023  润新知