phper從st到vscode

是什么

微軟出的重新定義編碼的一款免費(fèi)開源跨平臺(tái)的文本編輯器，媲美IDE。

優(yōu)勢(shì)

我用過很多文本編輯器 比如notepad、editplus、atom、bracket、sublime等。

比前兩個(gè)界面好，擴(kuò)展多。

比atom性能好，人家作者是算法大師。

比bracket擴(kuò)展性強(qiáng)，比只限于前端。

比sublime來說我覺得最主要是易用性、擴(kuò)展性上（開源）。

下載

https://code.visualstudio.com/

注意選擇版本。

安裝

和正常文本編輯器一樣安裝，值得注意的是最好安裝在C盤，因?yàn)槲野l(fā)現(xiàn)我安裝在其他盤，重裝系統(tǒng)后，每次打開編輯器更新 他都給我C盤安裝一遍，然后再打開 又提示更新。

如何做php開發(fā)使用

確保本地環(huán)境變量里有php

vscode最初是開發(fā)前端node 那一套的，其他語言的支持比較后，所以我一直沒使用。直到最近更新頻繁，我重裝了系統(tǒng)，就想體驗(yàn)體驗(yàn)到底能不能用于php項(xiàng)目開發(fā) 替代我的sublime，才發(fā)現(xiàn)基本上可以了，除了一些小問題。

對(duì)于php語言的支持，它是language server方式支持的。建議環(huán)境變量里有php 以后跑server、終端也方便。

國(guó)際化

裝好了就是本地語言

package control center？

自帶ext 擴(kuò)展管理

歡迎界面

我覺得vscode 比st 良心的第一個(gè)就是歡迎界面。一目了然，信息量足啊。不像st那個(gè)空空的主界面。

使用php

安裝php extension pack

咱們點(diǎn)擊歡迎界面->自定義->PHP

然后vscode 就默默給我們裝一個(gè)php集合擴(kuò)展:php extension pack

包含了 php debug 和 PHP IntelliSense

配置php執(zhí)行文件

裝好之后，你打開一個(gè)php文件。如果你沒配環(huán)境變量他會(huì)提示你php language server 無法啟動(dòng)之類的。

你需要配置一個(gè) “php.executablePath" 指向你的php執(zhí)行文件。就像下面：

"php.executablePath": "D:/wamp64/bin/php/php7.0.10/php.exe",

vscode的配置項(xiàng)做的比sublime好的地方是。雙欄打開，點(diǎn)擊左側(cè)配置值會(huì)自動(dòng)復(fù)制到右側(cè)：

太tm 人性化了。這才是我們想要的配置。

而我們sublime怎么做 打開默認(rèn)配置，打開用戶配置，在默認(rèn)配置里搜索到匹配配置，復(fù)制到用戶配置。效率太低了。

而且除了軟件配置外 還有插件配置。給你一個(gè)插件列表。

插件配置是開發(fā)者開放的。往往用戶配置里沒有一項(xiàng)，默認(rèn)配置里很多項(xiàng)。甚至很多隱藏配置在readme 和github上。

總結(jié)配置的體驗(yàn)就可以發(fā)現(xiàn) vscode做的是工程軟件，sublime是極客軟件，新手不友好。

我覺得好的軟件就是Don’t make me think, Don’t make me wrong 。

安裝 php 相關(guān)擴(kuò)展

我們先看擴(kuò)展管理界面

點(diǎn)擊“擴(kuò)展”圖標(biāo) 出現(xiàn)的，在這里你就可以直接輸入關(guān)鍵字 搜索擴(kuò)展。
默認(rèn)點(diǎn)擊進(jìn)來顯示的已安裝擴(kuò)展。

自帶的 不需要手動(dòng)安裝 。

參照我以前寫的那個(gè)sublime培訓(xùn) 密碼: 6jyy：逐一查找 安裝吧

最終發(fā)現(xiàn)只需要以下幾個(gè)插件就可以足夠php開發(fā)了：

• CodeRunner, 非常方便的代碼執(zhí)行軟件，支持多種語言。

• Composer 現(xiàn)在php包管理工具
  要配置執(zhí)行路徑

"composer.executablePath": "C:/ProgramData/ComposerSetup/bin/composer.bat",

• php debug
  

比sublime界面好看多了

• PHP DocBlocker
  寫注釋的人都知道

• SonarLint
  代碼質(zhì)量管理工具，需要Java 支持JavaScript、php 就是報(bào)錯(cuò)有點(diǎn)嚴(yán)格。

這個(gè)強(qiáng)烈建議裝一下：

有了它你可以獲得錯(cuò)誤提示和優(yōu)化建議，甚至可以提示未定義的變量，其他文本編輯器可做不到。

安裝增強(qiáng)插件

• advance new file
  高級(jí)新建文件

• Alignment
  代碼 “=” 對(duì)齊插件和st的像但是 必須選中區(qū)域?qū)R，不能自動(dòng)識(shí)別一大段=號(hào)的，有時(shí)候還對(duì)不齊

• All Autocomplete
  自動(dòng)完成插件

• Apache conf
  apache 語法高亮插件

• AutoFileName
  路徑補(bǔ)全插件

• Change Case
  用于轉(zhuǎn)換命名方式，如駝峰轉(zhuǎn)下劃線

• Chinese Translation
  中文繁體轉(zhuǎn)換 支持香港 、臺(tái)灣等。

• Clipboard History
  剪切板管理軟件，方便找多次復(fù)制里的內(nèi)容

• Close tag
  閉合最后的標(biāo)簽

• Docker
  以后可能會(huì)用上吧

• expand-selection-to-scope
  擴(kuò)大所選范圍

• File Utils
  文件操作插件（重命名、移動(dòng)、刪除等）

• Generic Remote Debugger
  遠(yuǎn)程調(diào)試插件，看起來很牛逼的樣子，可以調(diào)試線上項(xiàng)目

• Markdown All in one
  markdown一籃子

• Markdown Preview Enhanced
  markdown 預(yù)覽增強(qiáng) 支持公式 導(dǎo)出啥的

• Markdown Theme Kit
  markdown編輯時(shí)文件主題

• markdownlint
  markdown語法錯(cuò)誤檢測(cè)

• NGINX syntax
  Nginx服務(wù)器配置語法支持

• paste p_w_picpath to qiniu
  粘貼截屏圖片直接上傳七牛

• Path Autocomplete
  路徑補(bǔ)全工具

• Python
  蟒蛇支持

• Settings Sync
  配置同步插件，說實(shí)話我是被這個(gè)插件吸引過來的，我st重裝系統(tǒng)后，忘了備份好多東西沒了。
  這個(gè)可以同步到github上的

• Sublime Commands
  支持一些sublime的命令 如分割成多行，合并單行等

• Sublime Text Keymap
  支持sublime的鍵盤設(shè)置習(xí)慣（不是完全支持）

• Sublime Text Extension Pack
  包括了Sublime Text Keymap 、Expand Selection To Scope、Close HTML / XML Tag、Sublime Commands 幾個(gè)插件

• Tranpose
  交換光標(biāo)插件 一般是兩個(gè)

安裝編碼插件

vscode中文支持良好不需要插件

前端

• Color Highlight
  css 顏色高亮

• Color Picker
  拾色器

• ESLint
  前端報(bào)錯(cuò)檢測(cè)

• Image Preview
  圖片預(yù)覽，直接顯示在css 當(dāng)前行前面

• jQuery Code Snippets
  寫jquery的都想要

編碼

• Codelf
  命名變量搜索插件

• Live Server
  直接在瀏覽器里同步預(yù)覽項(xiàng)目

• Live Server Preview
  在側(cè)欄列同步預(yù)覽項(xiàng)目

• Local History
  本地文件歷史

• Log File Highlighter
  日志文件高亮

• Partial Diff
  選擇文本進(jìn)行可視化比較

• Typewriter Noises
  打字機(jī)效果，倍爽

• VS Code database
  vscode 中管理數(shù)據(jù)庫(kù)

項(xiàng)目管理

• EditorConfig
  項(xiàng)目風(fēng)格統(tǒng)一神器

• Gist Extension
  代碼片段管理

• Git Project Manager
  git項(xiàng)目管理器，可以搜索本地git項(xiàng)目

• Project Manager
  項(xiàng)目管理工具

保存項(xiàng)目后就可以來回切換了。

• sftp
  sftp管理

• TortoiseSVN
  沒有svn 插件，不高興

• WakaTime
  程序員編程時(shí)間管理插件 能精確統(tǒng)計(jì)一周內(nèi)每個(gè)項(xiàng)目花了多少時(shí)間，跨編輯器跨IDE，大神必備哦。

一些問題

自動(dòng)完成不支持try catch補(bǔ)全

已報(bào)issue

符號(hào)鏈接 ctrl+r不起作用

去鍵盤快捷方式里 干掉其他占用ctrl+r的命令

保留至：

默認(rèn)會(huì)是打開最近瀏覽文件，我才不稀罕

打開文件夾是切換當(dāng)前工作空間

我也不知道怎么配 但是我知道先新開一個(gè)窗口就好啦

終端

vscode另外一個(gè)優(yōu)于sublime的功能就是終端，ctrl+~ 打開

我用他多開 多執(zhí)行cli 就相當(dāng)于多進(jìn)程了。

我的配置

我的是基于win的，關(guān)鍵處打碼，嘿嘿：

// 將設(shè)置放入此文件中以覆蓋默認(rèn)設(shè)置{    "php.executablePath": "D:/wamp64/bin/php/php7.0.10/php.exe",    "php.validate.executablePath": "D:/wamp64/bin/php/php7.0.10/php.exe",    "php.validate.run": "onType",    "window.zoomLevel": 1,    "window.restoreWindows": "one",    "window.openFoldersInNewWindow": "off",    "files.autoSave": "off",    "window.openFilesInNewWindow": "on",    "composer.executablePath": "C:/ProgramData/ComposerSetup/bin/composer.bat",    "extensions.ignoreRecommendations": false,    "sonarlint.ls.javaHome": "C:/Program Files/Java/jre1.8.0_141",    "sync.gist": "XXXXXXXXXXXXXXXXXXXXXXXXXX",    "sync.lastUpload": "2017-07-23T13:32:53.762Z",    "sync.autoDownload": false,    "sync.autoUpload": false,    "sync.lastDownload": "",    "sync.forceDownload": false,    "sync.anonymousGist": false,    "sync.host": "",    "sync.pathPrefix": "",    "sync.quietSync": false,    "sync.askGistName": false,    "gist.oauth_token": "XXXXXXXXXXXXXXXXXXXXXX",    "local-history.path": "",    "search.useIgnoreFilesByDefault": true,    "projectManager.svn.ignoredFolders": [        "node_modules",        "out",        "typings",        "test",        ".history"
    ],    "projectManager.git.ignoredFolders": [        "node_modules",        "out",        "typings",        "test",        ".history"
    ],    "search.exclude": {        "**/node_modules": true,        "**/bower_components": true,        ".history": true
    },    "php.suggest.basic":false}

后記：

基本使用和sublime差不多，php主要用到語法報(bào)錯(cuò)、自動(dòng)完成、快速切換文件，查看當(dāng)前類的所有方法符號(hào)鏈接，切換定義等，還能行內(nèi)看定義和使用了多少個(gè)地方。

查看定義：

跳轉(zhuǎn)定義：

查看所有引用：

格式化代碼

歡迎給我提供建議。