国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端開發 VS Code 上手使用

Ocean / 2554人閱讀

摘要:如果想配置開發工具面向前端及開發人員的配置如果想配置開發工具配置及使用技巧所謂網紅編輯器,我覺得比來的更爽,因為的所有操作和插件,對于來說也就是一個插件就能無縫兼容。作為一個前端開發,開箱即用的代碼編輯高亮提示都十分友好。

如果想配置 sublime 開發工具 => 面向web前端及node開發人員的vim配置

如果想配置 vim 開發工具 => sublime配置及使用技巧

所謂網紅編輯器,我覺得比vim來的更爽,因為vim的所有操作和插件,對于vs code 來說也就是一個插件就能無縫兼容。

比如我之前是一直在使用 sublime 的,使用vs code 之后明顯感覺 vscode 無論是配置還是使用都更順手一點,學習成本很小。當然本文不是談哪個編輯器更好的問題,每個軟件都在發展,相互學習和補充才是重點。

作為一個前端開發,vs code 開箱即用的代碼編輯、高亮、提示都十分友好。但作為一個追求完美的程序員,還是裝了不少插件,比如

前端開發用的一些插件:

Auto Rename Tag: 當你編輯HTML標簽是會自動修改配對標簽

HTML Class Suggestions: HTML class 名稱提示

ESLint: ES 語法檢查

Hap Extension: 快應用開發基礎支持

JavaScript(ES6) code snippets: js 代碼片段,提高編碼速度

open in browser: 在瀏覽器打開頁面,這個已經不常用了,但對于前端初學者還是很友好的

QuickApp For Highlighter: 快應用開發高亮

Color Info: css 中顏色預覽

工程化也需要一些插件:

npm: npm 管理

npm Intellisense: npm 自動配置

GitLens: git 記錄查看

minify: 代碼壓縮

寫作辦公也需要一些工具呀:

Excel Viewer: 實際感覺只能預覽 csv 文件,不過這也夠用了

Markdown PDF: markdown 轉 pdf

Markdown TOC: markdown 目錄生成

Markdown+Math: markdown 中數學公式支持

vscode-pdf: pdf 閱讀插件

編輯器本身的插件

seti-icons: 文件icon

Theme - Seti-Monokai: 高亮及編輯器外觀

Sublime Text Keymap and Settings Importer: sublime 功能鍵及配置映射

Sublime Babel: sublime

vscode-faker: 隨機數據生成

其他的一些工具

SVG Viewer: SVG 圖片預覽

xtemplate: xtpl 文件高亮支持

我安裝了sublime 的插件,其實還有vim 的插件,安裝后無縫兼容 .vimrc 配置和 vim plugin。正常的快捷鍵可以看參考下圖,其實和 sublime 差不了太多。

對于一些不如意的地方,可以在配置文件中進行配置,個人感覺 vs code 配置開放比 sublime 更豐富。

{
    "beautify.language": {
        "js": {
            "type": [
                "javascript",
                "json"
            ],
            "filename": [
                ".jshintrc",
                ".jsbeautify"
            ]
        },
        "css": [
            "css",
            "scss",
            "less"
        ],
        "html": [
            "htm",
            "html"
        ]
    },
    "debug.showInStatusBar": "always",
    "debug.node.autoAttach": "off",
    "beautify.tabSize": 2,
    "css.lint.duplicateProperties": "warning",
    "css.lint.idSelector": "warning",
    "css.lint.universalSelector": "warning",
    "css.lint.zeroUnits": "error",
    "less.lint.duplicateProperties": "warning",
    "less.lint.idSelector": "warning",
    "less.lint.universalSelector": "warning",
    "less.lint.zeroUnits": "error",
    "scss.lint.duplicateProperties": "warning",
    "scss.lint.idSelector": "warning",
    "scss.lint.universalSelector": "warning",
    "scss.lint.zeroUnits": "error",
    "csv-preview.skipComments": true,
    "csv-preview.lineNumbers": true,
    "editor.formatOnPaste": true,
    "editor.find.autoFindInSelection": true,
    "editor.formatOnSave": true,
    "editor.fontSize": 14,
    "editor.formatOnType": true,
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.minimap.enabled": false,
    "editor.snippetSuggestions": "top",
    "editor.tabSize": 2,
    "editor.wordSeparators": "`~!@#$%^&*()=+[{]}|;:"",.<>/?",
    "emmet.includeLanguages": {
        "vue-html": "html",
        "javascript": "javascriptreact"
    },
    "emmet.triggerExpansionOnTab": true,
    "emmet.showAbbreviationSuggestions": false,
    "eslint.autoFixOnSave": true,
    "eslint.options": {
        "configFile": "/Users/faremax/eslintrc.json"
    },
    "eslint.run": "onSave",
    "eslint.workingDirectories": [
        "./public",
        "./src"
    ],
    "explorer.confirmDelete": false,
    "explorer.confirmDragAndDrop": false,
    "explorer.openEditors.visible": 4,
    "files.associations": {
        "*.ux": "ux"
    },
    "files.autoSave": "onFocusChange",
    "files.exclude": {
        "**/.git": true,
        "**/.svn": true,
        "**/.hg": true,
        "**/CVS": true,
        "**/.DS_Store": true,
        "**/node_modules": true
    },
    "files.insertFinalNewline": true,
    "files.trimFinalNewlines": true,
    "files.trimTrailingWhitespace": true,
    "git.detectSubmodules": false,
    "gulp.autoDetect": "off",
    "grunt.autoDetect": "off",
    "html.format.wrapLineLength": 0,
    "jake.autoDetect": "off",
    "javascript.implicitProjectConfig.experimentalDecorators": true,
    "markdown-pdf.displayHeaderFooter": false,
    "markdown-pdf.margin.left": "1.8cm",
    "markdown-pdf.margin.right": "1.8cm",
    "markdown-pdf.margin.top": "1cm",
    "markdown.preview.lineHeight": 1.5,
    "markdown.styles": [
        "/Users/faremax/github-markdown.css"
    ],
    "markdown-pdf.styles": [
        "/Users/faremax/github-markdown.css"
    ],
    "markdown-toc.insertAnchor": true,
    "open-in-browser.default": "Google Chrome.app",
    "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "**/build": true,
        "**/dist": true,
    },
    "search.location": "sidebar",
    "svgviewer.enableautopreview": true,
    "terminal.explorerKind": "integrated",
    "window.restoreWindows": "all",
    "workbench.statusBar.feedback.visible": false,
    "window.zoomLevel": 0,
    "workbench.colorTheme": "Monokai",
    "workbench.startupEditor": "newUntitledFile"
}

vs code 還有很多實用技巧,可以看官方github: https://github.com/Microsoft/vscode

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/109071.html

相關文章

  • VS Code上手與超實用插件安利

    摘要:軟件跨平臺支持以及,運行流暢,可謂是微軟的良心之作微軟有這個宇宙最強,自然也不會弱宇宙最強編輯器說到代碼編輯器,我們有必要提一提還有。 原文鏈接:VS Code上手與超實用插件安利 工欲善其事必先利其器 Visual Studio Code (簡稱 VS Code / VSC) 是一款免費開源的現代化輕量級代碼編輯器,支持幾乎所有主流的開發語言的語法高亮、智能代碼補全、自定義熱鍵、括號...

    miracledan 評論0 收藏0
  • 黑馬前端v7(含Vue3.0小兔鮮兒電商項目)完整代碼下載

    摘要:沒有過時,它仍然是前端基礎的一部分。但無論如何,同時掌握和才是合格的前端同學。。前端綜合協議跨域通信安全問題瀏覽器渲染機制異步和單線程頁面性能優化防抖動和節流閥前端錯誤監控虛擬等。另外,前端常見的有兩個和。是的標準,是的超集。 2021已完結??Download:百度網盤??提取碼:k4H5?前端技術知識匯總:1、HTML...

    senntyou 評論0 收藏0
  • 程序員練級攻略(2018):前端性能優化和框架

    摘要:,谷歌給的一份性能指南和最佳實踐。目前而言,前端社區有三大框架和。隨后重點講述了和兩大前端框架,給出了大量的文章教程和相關資源列表。我認為,使用函數式編程方式,更加符合后端程序員的思路,而是更符合前端工程師習慣的框架。 showImg(https://segmentfault.com/img/bVbjQAM?w=1142&h=640); 這個是我訂閱 陳皓老師在極客上的專欄《左耳聽風》...

    VEIGHTZ 評論0 收藏0
  • 程序員練級攻略(2018):前端性能優化和框架

    摘要:,谷歌給的一份性能指南和最佳實踐。目前而言,前端社區有三大框架和。隨后重點講述了和兩大前端框架,給出了大量的文章教程和相關資源列表。我認為,使用函數式編程方式,更加符合后端程序員的思路,而是更符合前端工程師習慣的框架。 showImg(https://segmentfault.com/img/bVbjQAM?w=1142&h=640); 這個是我訂閱 陳皓老師在極客上的專欄《左耳聽風》...

    CoffeX 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<