vscode開發環境

通用插件

Chinese (Simplified) Language Pack for Visual Studio Code #中文語言包
sftp #sftp
Git History #查看git歷史

sftp基本配置 .vscode/sftp.json

{
  "name": "develop",
  "host": "ip",
  "protocol": "sftp",
  "port": 22,
  "username": "un",
  "password": "pwd",
  "remotePath": "/home/wwwroot/default/",
  "uploadOnSave": true,
  "watcher": {
    "files": "**/*",
    "autoUpload": true,
    "autoDelete": false
  },
  "ignore": [".vscode", ".git", ".DS_Store"]
}

php插件

PHP Extension Pack #php擴展包
PHP IntelliSense #代碼提示和跳轉
PHP Debug #xdbug
php cs fixer #格式化

配置C:\Users\Administrator\AppData\Roaming\Code\User\settings.json

php-cs-fixer.phar該文件從[https://github.com/FriendsOfPHP/PHP-CS-Fixer/releases](https://github.com/FriendsOfPHP/PHP-CS-Fixer/releases)下載

{
    "php.validate.executablePath": "D:\\Program Files\\php\\php.exe",
    "php.validate.run": "onType",
    "php-cs-fixer.executablePath": "D:\\Program Files\\php\\php-cs-fixer.phar",
    "php-cs-fixer.lastDownload": 1552984659304,
    "php-cs-fixer.onsave": true
}

其餘php插件推薦

phpcs #代碼風格審查
phpmd #代碼質量審查
Better PHPUnit #單元測試

javascript

ESLINT #代碼風格
Prettier - Code formatter #代碼格式化
Vetur #vue插件
NPM-Scripts #npm命令

安裝nodejs和安裝如下包

npm install -g eslint
npm install -g eslint-plugin-html
npm install -g eslint-plugin-vue
npm install -g eslint-config-standard
npm install -g eslint-plugin-import
npm install -g eslint-plugin-node
npm install -g eslint-plugin-promise
npm install -g eslint-plugin-standard
npm install -g babel-eslint

配置C:\Users\Administrator\AppData\Roaming\Code\User\settings.json

{
  "editor.formatOnSave": true,
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  "prettier.eslintIntegration": true,
  "prettier.semi": false,
  "prettier.tabWidth": 2,
  "prettier.singleQuote": true,
  "vetur.format.defaultFormatter.js": "vscode-typescript"
}

其餘插件

SVN

須要安裝svn客戶端