1. 首頁 > 生活百科 > >

電腦程序編程入門代碼 代碼編輯器哪個好用

生活百科

多條告白如次劇本只需引入一次
概括
【電腦程序編程入門代碼代碼編輯器哪個好用】Visual Studio Code (簡稱 VS Code / VSC) 是一款免費開源的新穎化學輕工業量級代碼編纂器，扶助簡直一切合流的開拓談話的語法高亮、智能代碼補全、自設置熱鍵、括號配合、代碼片斷、代碼比較 Diff、GIT 等個性，扶助插件擴充，并對準網頁開拓和云霄運用開拓做了優化 。軟硬件跨平臺扶助 Win、Mac 以及 Linux 。
vscode 官網：https://code.visualstudio.com/
1、載入VSCode
翻開欣賞器輸出https://code.visualstudio.com/(加入到官網),點擊載入，不妨按照本人的操縱體例舉行載入 。
載入地方：https://vscode.cdn.azure.cn/stable/e5a624b788d92b8d34d1392e4c4d9789406efe8f/VSCodeUserSetup-x64-1.51.1.exe
2、VSCODE安置
下圖為確認安置進程，安置勝利后啟用VSCode：
3、VSCode安置插件
Chinese (Simplified) Language Pack for Visual Studio Code（擺設表露談話“zh-cn”）、
Vetur、stylelint、Sass、Prettier – Code formatter、GitLens–Git supercharged、ESLint、EditorConfig for VS Code、Debugger for Chrome、Debugger for Java、Code Runner、Auto Rename Tag
》》重啟之后
4、自設置擺設
翻開文獻->首要選擇項->樹立，就會加入到 settings.json 文獻中，以次是自設置擺設：
{"git.confirmSync": false,"git.autofetch": true,"git.checkoutType": "remote","git.enableSmartCommit": true,"files.autoSave": "onFocusChange","files.associations": {"*.vue": "vue","*.wpy": "vue","*.wxml": "wxml","*.wxss": "css","*.js": "javascript","*.html": "html","*.cjson": "jsonc","*.wxs": "javascript"},"emmet.syntaxProfiles": {"vue-html": "html","vue": "html"},"emmet.includeLanguages": {"wxml": "html"},"eslint.autoFixOnSave": true,"eslint.validate": ["javascript","javascriptreact",{"language": "html","autoFix": true},{"language": "vue","autoFix": true},{"autoFix": true,"language": "javascript"},{"autoFix": true,"language": "javascriptreact"},{"autoFix": true,"language": "typescript"},{"autoFix": true,"language": "typescriptreact"}],"terminal.integrated.shell.windows": "C:\Windows\System32\cmd.exe","window.zoomLevel": 1,"explorer.confirmDelete": false,"vetur.experimental.templateInterpolationService": false,"editor.tabSize": 4,"editor.tabCompletion": "on","editor.codeActionsOnSave": {"source.fixAll": true}}5、樹立>用戶代碼片斷
{// Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the// same ids are connected.// Example:"Print to console": {"prefix": "log","body": ["console.log('$1')","$2"],"description": "Log output to console"},"Print to vue template": {"prefix": "vue","body": ["<template>","<div class='4b88-7b07-fe85-7303 page-view'>","1","</div>","</template>","","<script lang='ts'>","import Vue from 'vue'","export default Vue.extend({","data() {","return{}","},","methods:{}","});","</script>","","<style lang='scss' scoped>",".page-view {","min-height: 100%;","}","</style>"],"description": "Log output to vue template"}}

    推薦閱讀