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客户端

转载于:https://my.oschina.net/u/232595/blog/3028562

Visual Studio Code (VSCode) 是一个轻量级且功能强大的源代码编辑器,适合多种编程语言的开发。以下是设置 VSCode 开发环境的基本步骤: 1. **安装 VSCode**:首先从官方网站 https://code.visualstudio.com 下载并安装适用于你操作系统的版本。 2. **选择插件**:根据你的开发需求安装相应的插件,如代码高亮、自动完成、调试支持等。可以在 " Extensions" 或者市场中搜索并安装(推荐安装 Git 和 Language Server Protocol 支持的插件,比如 JavaScript 的 Prettier 和 ESLint)。 3. **配置文件**: - `.gitconfig`:个性化你的 Git 设置。 - `settings.json` 或者 `.vscode/settings.json`:自定义 IDE 配置,例如字体大小、颜色主题、快捷键等。 - 如果你需要特定语言的支持,可以在工作区根目录下创建`.vscode/extensions` 文件夹,手动安装对应的 language-configuration 插件。 4. **启动任务**(Tasks):通过 tasks.json 文件可以配置自动化构建任务,比如编译、测试、打包等。 5. **调试支持**:安装调试相关的插件(如 Debugger for Chrome 或 Node.js),并在launch.json中配置调试配置。 6. **集成终端**:使用终端工具(Terminal)可以方便地运行命令行工具或脚本。 7. **代码片段和模板**:可以通过 Snippets 功能预设常用的代码片段,提高编码效率。 8. **Git 集成**:直接使用内置的Git工具进行版本控制操作。 9. **代码格式化**:启用自动格式化的选项,保持代码风格一致性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值