• cli4加vue3加ts初始项目安装选项说明


    选择如下选项

    选择
    Manually select features
    
    
    Use class-style component syntax? (y/N)
    是否使用Class风格装饰器?
    即原本是:home = new Vue()创建vue实例
    使用装饰器后:class home extends Vue{}
    这个选择 N,生成组件会和 官方文档一致;
    
    
    Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)?
    是否使用 Babel 选yes;
    
    
    Use history mode for router
    使用history 路由模式 选yes
    
    
    Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys)
    选择一个CSS预处理程序 选择 选第一个   参考 https://juejin.cn/post/6990170277162254372
    Sass/SCSS (with dart-sass)   // 保存后编译
    Sass/SCSS (with node-sass)   // 实时编译
    Less
    Stylus
    
    
    选择 代码格式化检测 因为是用typescript 所以选择 TSLint
    ? Pick a linter / formatter config: (Use arrow keys) 
    >TSLint // typescript格式验证工具
     ESLint with error prevention only // 只进行报错提醒
     ESLint + Airbnb config // 不严谨模式
     ESLint + Standard config // 正常模式
     ESLint + Prettier // 严格模式
    
    
    如果没有 勾选 ts 选项只有这几项;
    Pick a linter / formatter config:
        1.ESLint with error prevention only
            只配置使用 ESLint 官网的推荐规则
            这些规则在这里添加链接描述  https://eslint.bootcss.com/docs/rules/
        2.ESLint + Airbnb config
            使用 ESLint 官网推荐的规则 + Airbnb 第三方的配置
            Airbnb 的规则在这里添加链接描述 https://github.com/airbnb/javascript
        3.ESLint + Standard config
            使用 ESLint 官网推荐的规则 + Standard 第三方的配置
            Standard 的规则在这里 添加链接描述 https://github.com/standard/standard/blob/master/docs/RULES-zhcn.md
        4.ESLint + Prettier
            使用 ESLint 官网推荐的规则 + Prettier 第三方的配置
            Prettier 主要是做风格统一。代码格式化工具
    
    
    
    
    Pick additional lint features  选择在什么时机下触发代码格式校验:
    (*) Lint on save   每当保存文件的时候
    ( ) Lint and fix on commit   每当执行 git commit 提交的时候
    
    
    Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)
    Babel、ESLint 等工具会有一些额外的配置文件,这里的意思是问你将这些工具相关的配置文件写到哪里:
        In dedicated config files      分别保存到单独的配置文件
        In package.json                保存到 package.json 文件中
    这里建议选择第 1 个,保存到单独的配置文件,这样方便我们做自定义配置。
    
    
    
    Save this as a preset for future projects? (y/N)
    这里里是问你是否需要将刚才选择的一系列配置保存起来,然后它可以帮你记住上面的一系列选择,以便下次直接重用。
    这里根据自己需要输入 y 或者 n,我这里输入 n 不需要。
    
    如何删除 之前保存的预设
    C:\Users\Light
    Vue-CLI会保存在C盘下/用户/用户名目录下自动生成一个名字为.vuerc的预设文件 里面是一个JSON格式的
    保存在 presets 字段里面的;直接找到 预设的名字删除整个代码
    
    
    
  • 相关阅读:
    jmeter 安装
    Day05_系统监控、rpm、yum软件包管理及源码安装python解释器
    Day04_vim编辑器及硬盘操作
    Day03_用户群组权限及正文处理命令
    Day02_操作系统、网络及Linux基础
    Day01_计算机硬件及启动流程
    让Sublime Text成为静态WEB服务器:SublimeServer
    sublime text2-text3 定义的不同浏览器的预览快捷键
    css之px自动转rem—“懒人”必备
    修改Sublime Text3 的侧边栏字体大小
  • 原文地址:https://www.cnblogs.com/kgwei520blog/p/15679957.html
Copyright © 2020-2023  润新知