<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便! 廣告
                # 是什么 微軟出的重新定義編碼的一款免費開源跨平臺的文本編輯器,媲美IDE。 # 優勢 我用過很多文本編輯器 比如notepad、editplus、atom、bracket、sublime等。 比前兩個界面好,擴展多。 比atom性能好,人家作者是算法大師。 比bracket擴展性強,比只限于前端。 比sublime來說我覺得最主要是易用性、擴展性上(開源)。 # 下載 https://code.visualstudio.com/ ![](https://box.kancloud.cn/7edb1f4e4bee8340a797041177766e44_497x607.png) 注意選擇版本。 # 安裝 和正常文本編輯器一樣安裝,值得注意的是最好安裝在C盤,因為我發現我安裝在其他盤,重裝系統后,每次打開編輯器更新 他都給我C盤安裝一遍,然后再打開 又提示更新。 # 如何做php開發使用 ## 確保本地環境變量里有php vscode最初是開發前端node 那一套的,其他語言的支持比較后,所以我一直沒使用。直到最近更新頻繁,我重裝了系統,就想體驗體驗到底能不能用于php項目開發 替代我的sublime,才發現基本上可以了,除了一些小問題。 對于php語言的支持,它是language server方式支持的。建議環境變量里有php 以后跑server、終端也方便。 ## 國際化 裝好了就是本地語言 ## package control center? 自帶ext 擴展管理 ## 歡迎界面 ![](https://box.kancloud.cn/4b09a6774191d8a60065411838592c25_1920x1046.png) 我覺得vscode 比st 良心的第一個就是歡迎界面。一目了然,信息量足啊。不像st那個空空的主界面。 ## 使用php ### 安裝php extension pack 咱們點擊歡迎界面->自定義->PHP 然后vscode 就默默給我們裝一個php集合擴展:php extension pack ![](https://box.kancloud.cn/442133a3c606c1e2b6bd1569b422e63d_963x637.png) 包含了 php debug 和 PHP IntelliSense ### 配置php執行文件 裝好之后,你打開一個php文件。如果你沒配環境變量他會提示你php language server 無法啟動之類的。 你需要配置一個 “php.executablePath" 指向你的php執行文件。就像下面: `"php.executablePath": "D:/wamp64/bin/php/php7.0.10/php.exe",` vscode的配置項做的比sublime好的地方是。雙欄打開,點擊左側配置值會自動復制到右側: ![](https://box.kancloud.cn/04edba054f32dae3ffb5a7da422f743e_829x533.png) ![](https://box.kancloud.cn/45c44d667b1a256eb8fdbc99a4ad8255_1342x153.png) ![](https://box.kancloud.cn/0d273489fe2850c68fefe3b9e5073f87_1481x137.png) 太tm 人性化了。這才是我們想要的配置。 而我們sublime怎么做 打開默認配置,打開用戶配置,在默認配置里搜索到匹配配置,復制到用戶配置。效率太低了。 ![](https://box.kancloud.cn/8ddbe9de6002443303a8a91cb12fdadf_1549x924.png) ![](https://box.kancloud.cn/7fff626cb6f7988f29227a5d15e139ea_1519x666.png) 而且除了軟件配置外 還有插件配置。給你一個插件列表。 ![](https://box.kancloud.cn/3a9e002f2417a7d60906152b31ea44a4_1317x1035.png) 插件配置是開發者開放的。往往用戶配置里沒有一項,默認配置里很多項。甚至很多隱藏配置在readme 和github上。 > 總結配置的體驗就可以發現 vscode做的是工程軟件,sublime是極客軟件,新手不友好。 我覺得好的軟件就是**Don't make me think, Don't make me wrong** 。 ### 安裝 php 相關擴展 我們先看擴展管理界面 ![](https://box.kancloud.cn/c532e8f1349524d49b4bbe63660baa07_438x982.png) 點擊“擴展”圖標 出現的,在這里你就可以直接輸入關鍵字 搜索擴展。 默認點擊進來顯示的已安裝擴展。 ![](https://box.kancloud.cn/cad98e0ac9aa02abd349d15bd84f12c2_635x548.png) 自帶的 不需要手動安裝 ??。 參照我以前寫的那個[sublime培訓 密碼: 6jyy](https://pan.baidu.com/s/1nvwV7qL):逐一查找 安裝吧 ![](https://box.kancloud.cn/750be4f8414113a32a1cec8edaaa5438_1183x826.png) 最終發現只需要以下幾個插件就可以足夠php開發了: * CodeRunner, 非常方便的代碼執行軟件,支持多種語言。 ![](https://box.kancloud.cn/19c0f13d14fd209403df33c6332d86de_1539x696.png) ![](https://box.kancloud.cn/40975e2b93b3fadbcc103f2f7894ab58_937x143.png) * Composer 現在php包管理工具 要配置執行路徑 `"composer.executablePath": "C:/ProgramData/ComposerSetup/bin/composer.bat",` * php debug ![](https://box.kancloud.cn/2b38f366683d309dfeef3621ecbdc3a3_1279x627.png) 比sublime界面好看多了 * PHP DocBlocker 寫注釋的人都知道 * SonarLint 代碼質量管理工具,需要Java 支持JavaScript、php 就是報錯有點嚴格。 這個強烈建議裝一下: ![](https://box.kancloud.cn/2bbd18baefaae34ef5e4333acf7382f3_1088x446.png) 有了它你可以獲得錯誤提示和優化建議,甚至可以提示未定義的變量,其他文本編輯器可做不到。 ### 安裝增強插件 * advance new file 高級新建文件 * Alignment 代碼 “=” 對齊插件和st的像但是 必須選中區域對齊,不能自動識別一大段=號的,有時候還對不齊 * All Autocomplete 自動完成插件 * Apache conf apache 語法高亮插件 * AutoFileName 路徑補全插件 * Change Case 用于轉換命名方式,如駝峰轉下劃線 * Chinese Translation 中文繁體轉換 支持香港 、臺灣等。 * Clipboard History 剪切板管理軟件,方便找多次復制里的內容 * Close tag 閉合最后的標簽 * Docker 以后可能會用上吧 * expand-selection-to-scope 擴大所選范圍 * File Utils 文件操作插件(重命名、移動、刪除等) * Generic Remote Debugger 遠程調試插件,看起來很牛逼的樣子,可以調試線上項目 * Markdown All in one markdown一籃子 * Markdown Preview Enhanced markdown 預覽增強 支持公式 導出啥的 * Markdown Theme Kit markdown編輯時文件主題 * markdownlint markdown語法錯誤檢測 * NGINX syntax Nginx服務器配置語法支持 * paste image to qiniu 粘貼截屏圖片直接上傳七牛 * Path Autocomplete 路徑補全工具 * Python 蟒蛇支持 * Settings Sync 配置同步插件,說實話我是被這個插件吸引過來的,我st重裝系統后,忘了備份好多東西沒了。 這個可以同步到github上的 * Sublime Commands 支持一些sublime的命令 如分割成多行,合并單行等 * Sublime Text Keymap 支持sublime的鍵盤設置習慣(不是完全支持) * Sublime Text Extension Pack 包括了Sublime Text Keymap 、Expand Selection To Scope、Close HTML / XML Tag、Sublime Commands 幾個插件 * Tranpose 交換光標插件 一般是兩個 ### 安裝編碼插件 vscode中文支持良好不需要插件 ### 前端 * Color Highlight css 顏色高亮 * Color Picker 拾色器 * ESLint 前端報錯檢測 * Image Preview 圖片預覽,直接顯示在css 當前行前面 * jQuery Code Snippets 寫jquery的都想要 ### 編碼 * Codelf 命名變量搜索插件 * Live Server 直接在瀏覽器里同步預覽項目 * Live Server Preview 在側欄列同步預覽項目 * Local History 本地文件歷史 * Log File Highlighter 日志文件高亮 * Partial Diff 選擇文本進行可視化比較 * Typewriter Noises 打字機效果,倍爽 * VS Code database vscode 中管理數據庫 ### 項目管理 * EditorConfig 項目風格統一神器 * Gist Extension 代碼片段管理 * Git Project Manager git項目管理器,可以搜索本地git項目 * Project Manager 項目管理工具 ![](https://box.kancloud.cn/1fc276b9b42d45f0801040b9ebff9722_999x570.png) ![](https://box.kancloud.cn/d7fd07d18c9705c259a3b477159fa6b8_959x237.png) 保存項目后就可以來回切換了。 * sftp sftp管理 * TortoiseSVN 沒有svn 插件,不高興 * WakaTime 程序員編程時間管理插件 能精確統計一周內每個項目花了多少時間,跨編輯器跨IDE,大神必備哦。 ## 一些問題 ### 自動完成不支持try catch補全 已報issue ### 符號鏈接 ctrl+r不起作用 去鍵盤快捷方式里 干掉其他占用ctrl+r的命令 ![](https://box.kancloud.cn/821cbe571c45998607ee2b233f7e4204_363x307.png) 保留至: ![](https://box.kancloud.cn/4eb3e42b375d88b3ba89d2068c3ed019_1499x282.png) 默認會是打開最近瀏覽文件,我才不稀罕 ### 打開文件夾是切換當前工作空間 我也不知道怎么配 但是我知道先新開一個窗口就好啦 ![](https://box.kancloud.cn/4bc305945475c9bd1918ed9ad85ed826_592x65.png) ## 終端 vscode另外一個優于sublime的功能就是終端,*ctrl+~* 打開 ![](https://box.kancloud.cn/06ecb51530a1f7d9df144863f2f446e3_1505x244.png) 我用他多開 多執行cli 就相當于多進程了。 ## 我的配置 我的是基于win的,關鍵處打碼,嘿嘿: ~~~ // 將設置放入此文件中以覆蓋默認設置 { "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主要用到語法報錯、自動完成、快速切換文件,查看當前類的所有方法符號鏈接,切換定義等,還能行內看定義和使用了多少個地方。 查看定義: ![查看定義](https://box.kancloud.cn/0bfacca308dc418e9ab344db67d3fa1a_1144x427.png) 跳轉定義: ![](https://box.kancloud.cn/20b6b781804c92b6db98044cc0d0215c_554x112.png) 查看所有引用: ![](https://box.kancloud.cn/77254f56396b89a2acf6ea9a3787f5c7_542x61.png) 格式化代碼 歡迎給我提供建議。
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看