个人常用的软件-前端

今天重装系统,切换到win10作业,记录下个人常用的软件,

1.工具软件

  1. git :版本管理工具
  2. tortoisegit :git图形管理工具
  3. tortoisesvn :svn版本管理工具
  4. photoshop :前端切图必备
  5. animate cc :需要动画的时候用
  6. 有道云笔记 :有markdown模式,笔记写代码很方便
  7. postman :调试接口
  8. fiddler :抓包工具
  9. Koala :一款编译scss,less的软件,官网下载建议迅雷下载。
  10. chrome浏览器

    • 常用插件:

      • AngularJS Batarang
      • Vue.js devtools
      • React Developer Tools
      • Redux DevTools
      • Wappalyzer
      • WhatFont
      • octotree:逛github项目目录用的
      • Google Translate
      • JSON Formatter
      • Allow-Control-Allow-Origin: *:允许跨域的插件,不支持cookie跨域
      • 掘金
      • 扩展程序二维码(QR码)生成器(QR Code Generator)
  11. 火狐浏览器
  12. nodejs

    • 常用全局包

      • browser-sync
      • cnpm
      • create-react-app
      • create-react-native-app
      • dva-cli
      • eslint
      • exp
      • http-serveri
      • jshint
      • node-gyp
      • react-native-cli
      • rimraf
      • typescript
      • vue-cli
      • wepy-cli
      • windows-build-tools
      • yarn

2.前端idea

  1. sublime text3 :由于转vscode了,sublime只作简单的文本编辑。

    • 插件列表:

      • Package Control 安装在 新版sublime text3 不用 ctrl+~ 输入一段长长的命令行了,可以在命令行下输入pack选择第一项就行了。
      • 中文汉化插件:ChineseLocalization
      • IMESupport
      • A file iconboxy theme 主题插件
  2. vscode :目前写代码的主要idea

此为第一版,已弃用

// {
//     "sublimeTextKeymap.promptV3Features": true,
//     "editor.multiCursorModifier": "ctrlCmd",
//     "editor.snippetSuggestions": "top",
//     "editor.formatOnPaste": true
// }
{
    "editor.fontSize": 19,
    "cssrem.rootFontSize": 76,
    "files.autoSave": "onFocusChange",
    "files.associations": {
        "*.cshtml": "html"
    },
    "emmet.triggerExpansionOnTab": true,
    "git.enableSmartCommit": true,
    "git.confirmSync": false,
    "git.autofetch": false,
    "terminal.external.windowsExec": "F:\\Software\\Git\\git-cmd.exe",
    "terminal.integrated.shell.windows": "F:\\Software\\Git\\git-cmd.exe",
    "editor.wordSeparators": "`~!@#$%^&*()=+[{]}\\|;:'\",.<>/?",
    "sublimeTextKeymap.promptV3Features": true,
    "editor.multiCursorModifier": "ctrlCmd",
    // "editor.snippetSuggestions": "top",
    "markdown.preview.fontSize": 16,
    "vs-color-picker.autoLaunch": false,
    "git.path": "F:\\Software\\Git\\bin\\git.exe",
    "editor.formatOnPaste": true
}

更新:

{
    "editor.fontSize": 19,
    "cssrem.rootFontSize": 76,
    "files.autoSave": "onFocusChange",
    "files.associations": {
        "*.cshtml": "html",
        "*.js": "javascript",
        "*.wxml": "wxml",
        "*.wpy": "vue",
        "*.wepy": "vue"
    },
    "emmet.triggerExpansionOnTab": true,
    "git.enableSmartCommit": true,
    "git.confirmSync": false,
    "git.autofetch": false,
    "terminal.external.windowsExec": "D:\\Software\\Git\\git-cmd.exe",
    "terminal.integrated.shell.windows": "D:\\Software\\Git\\git-cmd.exe",
    "editor.wordSeparators": "`~!@#$%^&*()=+[{]}\\|;:'\",.<>/?",
    "sublimeTextKeymap.promptV3Features": true,
    "editor.multiCursorModifier": "ctrlCmd",
    // "editor.snippetSuggestions": "top",
    "markdown.preview.fontSize": 16,
    "vs-color-picker.autoLaunch": false,
    "git.path": "D:\\Software\\Git\\bin\\git.exe",
    "beautify.config": {
        "brace_style":"collapse,preserve-inline"
    },
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "eslint.validate": [
       "javascript",
       "javascriptreact",
       "html",
       { "language": "vue", "autoFix": true }
     ],
     "eslint.options": {
        "plugins": ["html"]
    },
    "eslint.autoFixOnSave": true,
    "gitlens.advanced.messages": {
        "suppressCommitHasNoPreviousCommitWarning": false,
        "suppressCommitNotFoundWarning": false,
        "suppressFileNotUnderSourceControlWarning": false,
        "suppressGitVersionWarning": false,
        "suppressLineUncommittedWarning": false,
        "suppressNoRepositoryWarning": false,
        "suppressResultsExplorerNotice": false,
        "suppressShowKeyBindingsNotice": true
    },
    "gitlens.currentLine.enabled": false,
    "editor.quickSuggestions": {
        "strings": true
    },
    "element-helper.version": "2.3",
    "editor.formatOnPaste": true,
    "pasteAndIndent.selectAfter": true,
    "fileHeaderComment.parameter": {
        "*": {
            "commentbegin": "/*",
            "commentprefix": " *",
            "commentend": " */",
            "company": "jingxiu"
        }
    },
    "fileHeaderComment.template": {
        "*": [
            "${commentbegin}",
            "${commentprefix} Created on ${date} ${time}",
            "${commentprefix} Description ",
            "${commentprefix} Copyright (c) ${year} ${company}",
            "${commentend}"
        ]
    }
}

最后:发现有新的工具或者学习新的技能时会有补充。欢迎提供更好的工具软件。

    原文作者:静修丶
    原文地址: https://segmentfault.com/a/1190000012561817
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞