#WSL使用VS Code
Explore tagged Tumblr posts
guangyaw · 2 years ago
Text
在WSL使用Visual Studio Code
軟體開發可以透過IDE來進行, 而市面上有許多各式不同的IDE可供選擇, 今天則是要來介紹跨平台的IDE 在WSL使用Visual Studio Code Visual Studio Code是由微軟所發行的跨平台免費IDE, 透過安裝各式不同的套件可支援多種程式語言或者輔助開發的工具, 也支援命令列與Git功能, 雖然是免費的但是應該有的功能也沒有少 官方網站也有各平台詳細的安裝方法 依照官方的安裝方法也不會有多大問題, 不過今天還要結合之前提到的 WSL 來介紹, 若使用官方的方式在 Ubuntu 上安裝 VS Code  來使用, 執行的時候就會出現上圖與下圖的訊息, 這段話是告知使用者, 官方建議在 Windows 安裝VS Code 再連到 WSL 中編輯所需要的檔案, 當然也能直接就在 WSL 中運行 VS Code, 選擇 y 就能繼續執行…
Tumblr media
View On WordPress
0 notes
hardtesingjea · 3 years ago
Text
Windows 10 home vs home n reddit 無料ダウンロード.Windows 10を無料で使う。プロダクトキーは必要なし!
Windows 10 home vs home n reddit 無料ダウンロード.N エディションのメディア機能Windows一覧
Tumblr media
                                                                          Proだけの機能を使うにはアップグレードが必要.Revo Uninstaller のダウンロードと使い方 - k本的に無料ソフト・フリーソフト
    Windows 10 の N および KN エディションには Windows 10 とほぼ同じ機能が含まれていますが、メディア関連テクノロジ (Windows Media Player) と特定のプレインストールされたメディア アプリ (音楽、ビデオ、ボイス レコーダー、Skype) を除きます。  · Windows PCにMicrosoft Outlook をダウンロードしてインストールします。 あなたのコンピュータにMicrosoft Outlookをこのポストから無料でダウンロードしてインストールすることができます。PC上でMicrosoft Outlookを使うこの方法は、Windows 7/8 / / 10とすべてのMac OSで動作します。 Windows までは、プロダクトキーを入力しないと使うことができませんでした。. なんとWindows 10からは、プロダクトキーを入力しないで使うことが可能です。. 仮想環境を試したり、クローンを作って少しだ��動作確認をしたい場合等にも有効です    
Windows 10 home vs home n reddit 無料ダウンロード.N エディションのメディア機能Windows一覧
 · Windows 10には、家庭など一般用途の「Home」エディションと、主にビジネス用途の「Pro」エディションの2種類があります。この記事では、Windows 10 HomeのパソコンをWindows 10 Proにアップグレードする方法を詳しく解説します。Estimated Reading Time: 3 mins  · 等々を備えています。. 「Revo Uninstaller」は、高機能なアンインストール支援ソフトです。. 指定したアプリケーションを、システムからきれいにアンインストールしてくれるクリーンアップツールで、アンインストールの際に. ソフトが、ハードディスクや Windows 10 の ISO ファイルをダウンロードするためにメディア作成ツールを使用した場合は、これらの手順に従う前に、ISO ファイルを DVD に書き込む必要があります。 Windows 10 をインストールする PC に、USB フラッシュ ドライブまたは DVD を挿入します。         
 本記事は「 Docker Advent Calendar 」の21日目のエントリとなります。 アドカレと関係なくブログに書こうと思ってましたが、丁度カレンダーが空いていたので滑り込みました。. Docker Desktop for Mac and Windows Docker. というか、昔 大体2年前くらい はHome Editionには Hyper-Vが使えず インストールできず、 WSL使ってもDocker Composeで難あり で、Docker Toolboxはサポート終了と八方ふさがりだったりしましたが、少し前にWSL2対応やHomeでもHyper-V対応などが進んでDocker Desktopが使えるようになりました。 以前苦戦して 結局VMのLinuxでDocker入れてそのまま 利用してる人 私 も、改めてWindowsへDockerをインストールし、VS CodeのRemote Container使った環境などを作っても良いと思います。.
よく、 PowerShellを使った設定やコントロールパネルの「Windowsの機能の有効化または無効化」 で「Hyper-Vを有効にする」「仮想マシンプラットフォームを有効にする」などの 事前準備が書かれた記事がありますが実は必要ない です。 Docker Desktopのインストーラが自動でやってくれます 。. これで終わりだったら本当に簡単すぎるのですが、WSL2のインストールで追加の作業が必要です。 Windowsが起動すると「WSL 2 installation is incomplete.
これでWSL2の準備も完了したので、最初に表示されていたダイアログの「Restart」を押下します。 このRestartはWindowsではなくDockerのプロセスが再起動されます。. hello worldコンテナ もあるけれど、この時期なので以下を実行してみまし���う。 実行結果はぜひお手元の環境で試してみてください. あとは初期ユーザーを作成すればWikiにログインでき、初期設定 Wiki名やファイルアップロード設定 を行えば普通に利用できます。 ファイルアップロード設定は「MongoDB GridFS 」を選択すれば内部DB使ってファイルアップロードできるようになります. こちらもCtrl-cで停止しますが、Wikiのデータは停止しても残ります。 オプションの -d を追加して docker-compose up -d と実行すればバックグラウンドで実行するので、通常利用時はこちらが良いかもしれません。.
Docker DesktopをインストールしたPCに VS Code と Remote Development拡張 を入れれば、Remote Containersを使って「Windows上の指定ディレクトリをVolumeマウントしたコンテナ上でVS Codeのリモート実行」というイマドキのコンテナを使った開発・作業環境も作れます。 例えば左下の接続アイコン押下すると表示されるメニューで「Remote-Containers: Open Folderin Container Docker Composeを使ってデプロイしたコンテナがある場合は、Docker Desktopを起動したときに表示されるContainer Listでマウスカーソルを合わせると「Open in Visual Studio Code」というボタンが表示されます。.
このボタンを押下すると、このコンテナを起動したときに使ったCompose file docker-compose. yml ファイル のあるディレクトリをVS Codeで開いてくれます。. Windows 10 HomeへのDocker Desktopのインストールを行い、使用例としてコマンドラインでの docker および docker-compose と、VS CodeのRemote Containers機能について紹介しました。. Qiita Teams that are logged in. 最新CPaaSコミュニケーションAPIの比較記事を投稿して、最大10万円のAmazonギフト券を手に入れよう! 詳しくはこちら. Improve article. Report article. Help us understand the problem. What are the problem? It's violation of community guideline. It's illegal. It's socially inappropriate. It's spam.
Docker Advent Calendar Day zaki-lknr 株式会社エーピーコミュニケーションズ. posted at updated at Docker Windows10 docker-compose VSCode. 本記事は「 Docker Advent Calendar 」の21日目のエントリとなります。 アドカレと関係なくブログに書こうと思ってましたが、丁度カレンダーが空いていたので滑り込みました。 Docker Desktop for Mac and Windows Docker Windows 10 Home EditionもDockerのインストールがとても簡単になっていました。 Docker Composeも標準で使用できます。 というか、昔 大体2年前くらい はHome Editionには Hyper-Vが使えず インストールできず、 WSL使ってもDocker Composeで難あり で、Docker Toolboxはサポート終了と八方ふさがりだったりしましたが、少し前にWSL2対応やHomeでもHyper-V対応などが進んでDocker Desktopが使えるようになりました。 以前苦戦して 結局VMのLinuxでDocker入れてそのまま 利用してる人 私 も、改めてWindowsへDockerをインストールし、VS CodeのRemote Container使った環境などを作っても良いと思います。 環境 Windows 10 Home バージョン OSビルド exe」をダウンロードしておきます。 exeを実行します。 チェックはデフォルトのまま「OK」押下します。 ちなみにWindows 10 Proの場合はHyper-Vの有効化のチェックも表示されますが、デフォルトチェックのままでインストールの流れはHomeもProも同様です。 しばらく待てばインストールが完了します。 「Close and restart」押下するとWindows OSが再起動されます。 これで終わりだったら本当に簡単すぎるのですが、WSL2のインストールで追加の作業が必要です。 Windowsが起動すると「WSL 2 installation is incomplete.
You should just use require "express-validator" instead. By following users and tags, you can catch up information on technical fields that you are interested in as a whole. What you can do with signing up.
0 notes
Text
VSCodeでコードを書く時に役立つ設定・テーマ・機能拡張、知っておくと便利なテクニック
Tumblr media
Visual Studio CodeでWeb制作・開発のコードを書く時に役立つ設定・テーマ・機能拡張、知っておくと便利なテクニックを紹介します。
My Web Development VS Code Settings, theme, Extensions, tips and tricks br lampewebdev(@lampewebdev)
下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。
私がVSCodeを使用している理由
私はプログラミングを始めて以来、たくさんのエディタやIDEを使ってきました。Eclipse、Netbeans、Notepade ++、Brackets Editor、Sublime Text 2、Sublime Text 3、Webstorm、Atom Editor、他にもあると思いますが、もう忘れました。
私は現在、Visual Studio Code(VSCode)を使用しています。VSCodeはGoogleトレンドによると、最も検索されたエディタです。その理由はいくつか考えられます。
VSCodeは速く動作するように感じます。 もしVSCodeが遅く感じるのであれば、それはVSCodeのせいではなく、不十分に実装された機能拡張が原因です。
ファイル検索も非常に高速で、あっという間です。待ち時間はありません。
軽量ですが、必要な機能があらかじめ揃っています。ファイル検索、デバッグ、基本的なgit GUIなど。
テーマやカスタマイズのサポート、VSCodeのすべてを自分用に変更できます。
便利な機能拡張もたくさん用意されています。
賞賛の言葉はこれくらいにして、VSCodeを私が実際にどのように使用しているか紹介します。
VSCodeのテーマ・アイコン・フォント
私は毎日数時間、VSCodeを使用するので、テーマやアイコンやフォントは使��やすいものにしています。
VSCodeのテーマ
SynthWave '84
glowは有効にせず、カスタムCSSも追加していません。
ファイルのアイコン
Simple icons
Simple Iconsは見やすいカラーで、ミニマルなアイコンテーマです。必要なファイルを素早く見つけることができます。
フォント
Hasklig
コードが見やすいフォントで、合字もサポートしています。 フォントの設定は下記の通りです、この構成の設定方法については後述します。
    "editor.fontFamily": "Hasklig, Consolas, 'Courier New', monospace",
    "editor.fontLigatures": true,
    "editor.fontSize": 15,
VSCodeの機能拡張
Bracket Pair Colorizer 2
この機能拡張は、すべてのエディタに組み込まれるべきです。{がどこで始まり、}がどこで終わったか分からないコードを書いたことがありませんか? すべての{}または()が異なるカラーで表示されるので、コードが見やすくなります。
indent-rainbow
インデントのすべてのタブやスペースに異なるカラーを加える機能拡張です。コードをより速くナビゲートするためにも役立ちます。
DotENV
.envファイルは最近一般的になっており、多くのプロジェクトで使用されています。VSCodeの初期状態ではこれらのファイルタイプに対する構文強調表示がサポートされていません。この機能拡張は、.envファイルに対するサポートを追加します。
Import Cost
この機能拡張はパフォーマンスとスピードを重視するすべてのデベロッパーにとって必須です。これは、このnpmモジュールをインポートするのにかかるコスト、またはインポートできるものがどれだけあるかをKbで示します。
Remote Development
これは私にとって重要な機能拡張です。SSHを介して開発環境に接続していますか? Dockerコンテナを使用していますか? それともWSLを使いますか? これを使用すると、すべてを非常に簡単に使用できます。一番いいのは、SSHを使ってもファイルの検索も開くのも遅くなりません。魔法みたいなこの機能拡張が大好きです!
Visual Studio IntelliCode
これはIntellisenseに代わるもので、AIベースのIntellisenseのようなものです。タブ補完では、他のユーザが使用している関数やパラメータのうち、最も使用されているものが一番上に表示されます。この機能拡張を使うことで、効率がアップします。
ESLint
この機能拡張をインストールすると、VSCodeに直接ESLintサポートが追加され、ESLintの問題を修正するのに役立ちます。これも必須アイテムです。
VSCodeの設定
VSCodeの設定は歯車アイコンの設定からではなく、JSONを使うことを私は好みます。JSONを使うには、Ctrl+Shift+Pを押して、「open settings JSON」と入力します。これで、settings.jsonファイルが開くので、他のJSONファイルと同じように編集することができます。
カーソルを見やすくする
    "editor.cursorBlinking": "smooth",
    "editor.cursorSmoothCaretAnimation": true,
    "editor.cursorStyle": "block",
1行目は、fade-in-outのアニメーションでカーソルが滑らかに点滅します。 2行目は、カーソルの動きがアニメーションするので、自然に感じられます。 3行目は、カーソルの外観をブロックに変え、より快適���見つけることができます。 これらの設定でカーソルの表示が大幅に改善されました。
フォントを読みやすくする
    "editor.fontFamily": "Hasklig, Consolas, 'Courier New', monospace",
    "editor.fontLigatures": true,
    "editor.fontSize": 15,
前述したように、私はフォントにHaskligを使用しています。また、合字を好み、これはコードが読みやすくなります。私は完璧な視力をもっていないので、フォントは少し大きめの方がよいです。
コードのコピペ時のフォーマット
    "editor.formatOnPaste": true,
私はたまにネットからコードをコピペすることがあります。ペースト時の書式設定をしておきます。
ガイドラインの可視化
    "editor.renderIndentGuides": true,
コードでたくさんのインデントを使うようであれば、ガイドラインがあると見やすくなります。
テレメトリを無効にする
    "telemetry.enableTelemetry": false,
vscode-insidersを使用している場合でも、自分のデータをMicrosoftに送信する必要はありません。だから私は無効にします。
未保存のタブを分かりやすくする
    "workbench.editor.highlightModifiedTabs": true,
VSCodeでは保存されていないファイルには、タブに大きなドットが表示されます。これだけでは分かりにくいので、ラインが追加されるように設定します。
VSCodeの便利な使い方
WSLを使う
Linux用のWSLまたはWindowsサブシステムは、Windows上でLinuxを実行するための素晴らしい方法です。私にとってはWindows上のものよりもはるかに優れたLinuxの開発体験を得ることができます。私はgitをwindowsにインストールしたくないし、nodejsのようなものもインストールしたくありません。
wsl LinuxのgitバージョンをVSCodeに統合する、かなり便利な方法があります。WSLGITをダウンロードし、適切な場所にexeファイルを置き、VSCodeの設定に下記を追加します。
    "git.path": "D:\\dev\\wslgit.exe",
また、VSCodeには統合ターミナルがあります。ctrl+`でターミナルを開き、VSCodeにbashを追加して、下記を追加します。
    "terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\wsl.exe",
これにより、VSCodeはデフォルトのwsl linuxシェルを使うようになります。私の場合は、bashに付属しているUbuntuです。
コマンドパレットを使う
VSCodeで設定やその他の機能を見つけるために、あちこちをクリックする人をよく見��けます。しかし、通常はコマンドを入力した方が簡単です。VSCodeにはコマンドパレットがあり、Ctrl+Shift+Pを押すだけで呼び出せます。
Shiftを押したくない場合は、Ctrlを押しながらPを押し、ボックスに「>」を入力するとすばやくコマンドパレットが起動します。Ctrl+Pは、必要なファイルを見つけるのにも便利です。
最近閉じたファイルをもう一度開く
Ctrl+Shift+Tを押すだけです。これで最後に閉じたファイルをもう一度開くことができます。また、複数回押すと、複数のファイルを開くことができます。 このショートカットは、ブラウザのタブでも動作します。
単語を削除する
一つの文字でなく、単語を削除するには、Ctrl+Backspaceを押します。これでもうBackspaceを何回も押す必要はありません。 このショートカットも他のソフトウェアで使用できます。
行を削除する
行全体を削除したい場合は、Ctrl+Xがお勧めです。いわゆるカットですが、現在選択されている行を完全に削除します。
あなたはVSCodeを使用していますか? 持っている機能拡張は何ですか? 見逃している設定はありますか? よく使うショートカットはありますか? 何かあれば、私に教えてください。
ここまで読んでくれて、ありがとうございます!
0 notes
gozealouscloudcollection · 6 years ago
Text
Visual Studio Code 1.37 發布 多個圖標迎來全新設計
訪問:
微軟中國官方商城 – Visual Studio
Full product icon refresh – 多達數十個圖標迎來全新的現代化設計
Edit string arrays in the Settings UI – 在配置編輯器中直接編輯字符串數組
Reveal search result in File Explorer – 在搜索結果中直接跳轉到文件管理器
Show whitespace in selection – 在選中的文本中顯示 whitespace
Find and Replace preserves casing – 替換字符串時保留大小寫
Terminal search UX improvements – Terminal 自底向上搜索
Better SCSS @import navigation – 更好的 SCSS 導入體驗
Remote Development tutorials – 更全面的遠程開發教程(包含 SSH 和 WSL)
全新圖標設計
Tumblr media
對字符串數組的設置編輯器支持
此版的設置編輯器允許編輯字符串數組設置,Add Item 按鈕將彈出一個輸入框來添加一個新的字符串。
Tumblr media
通過��供帶有 type 和 item 的配置來啟用這種支持:
{  "type": "array",  "items": {    "type": "string"  }}
Tumblr media Tumblr media
在 Explorer 中顯示搜索結果
在搜索結果中,新添加了 Reveal in Explorer 右鍵菜單,可以直接跳轉到文件管理器。
Tumblr media
從設置文件中刪除警告
將不再在 setings.json 文件中看到 unknown 或 unsupported 的設置的警告。
Tumblr media
改進 minimap 搜索結果可見性
Tumblr media
默認情況下開啟 NPM Scripts Explorer
當工作區根目錄有一個 Package.json 文件時,NPM Scripts Explorer 顯示在 File Explorer 中。當你的工作區根目錄中沒有 Package.json 時,仍然可以使用該設置來啟用 NPM Scripts Explorer,如果要隱藏它,可以右鍵單擊其標題並從上下文菜單中選擇 Hide。
Tumblr media
選中文本顯示空格
editor.renderWhitespace配置項現在支持selection 選項了,可以只在選中的文本中顯示空格 。
Tumblr media
替換字符串時保留大小寫
在編輯器的 Find 小部件中進行替換時,可以保留大小寫。
Tumblr media
目前 VS Code 支持保留全大寫、全小寫和首字母大寫三種形式。
Tumblr media
在 Find 小部件中切換活動狀態
這個更新中,引入了一個新的主題顏色 inputOption.activeBackplace 來控制活動狀態的背景顏色。此顏色重用 focusBorder,以便在默認情況下更好地處理主題。並且 inputOption.activeBorder 默認設置為透明,這樣邊框只用於聚焦。
Tumblr media
更���診斷信息的顏色
該版本更新了 edorInfoForeplace 和 EditorInfoBorder,以與其他信息診斷顏色相匹配。
Tumblr media
Terminal 自底向上搜索
在 Terminal 進行搜索到達底部時,之後的搜索將變為自底向上的順序。
Tumblr media
詳情見發布說明:
https://code.visualstudio.com/updates/v1_37
.
from Visual Studio Code 1.37 發布 多個圖標迎來全新設計 via KKNEWS
0 notes
weizy0219 · 5 years ago
Text
在Windows 10系统中配置VS Code下的C/C++开发环境
VS Code作为一款最受程序员欢迎的轻量级的程序编辑器,在使用方面有着无可替代的灵活性与优势。但同样由于���轻量级和灵活性,在进行开发时,也有很多需要自行手动配置的地方,不像其臃肿的同门兄弟Visual Studio(虽然VS Code与Visual Studio相似之处仅仅在于名称和同是微软出品)那样,让很多操作都傻瓜化。对于新手来说,傻瓜化的操作当然有其便捷性,但失去了配置的过程,很多人虽然在VisualStudio下可以写出能执行的代码,但始终连程序是如何编译、链接到运行的都搞不懂。
在VS Code官方文档中,对各种开发语言的配置方式都有详尽的介绍,在Windows下进行C/C开发时,官方提供了三种不同的配置方式,分别是使用Microsoft C,Windows下的GCC和利用Windows10内置的WSL…
View On WordPress
0 notes
amenhotepilianaus · 6 years ago
Text
Visual Studio Code Remote 發布 開啟遠程開發新時代
北京時間 2019 年 5 月 3 日,在 PyCon 2019 大會上,微軟發布了 VS Code Remote,開啟了遠程開發的新時代!這次發布包含了三款核心的全新插件,它們可以幫助開發者在容器、物理機器或虛擬機,以及 Windows Subsystem for Linux (WSL) 中實現無縫的遠程開發。通過安裝 Remote Development Extension Pack ,你可以快速上手遠程開發。
P.S: 該功能目前僅支持在 Insider 版本中使用,當然最終也會在 Stable 版本中提供。
http://bit.ly/2US36GJ
▲ Remote SSH 擴展運行截圖
遠程開發
Visual Studio Code Remote 允許開發者將容器,遠程計算機,或 Windows Subsystem for Linux (WSL) 作為完整的開發環境。你可以:
在部署相同的操作系統上進行開發,或者使用更大或更專業的硬件。
把開發環境作為沙箱,以避免影響本地計算機配置。
讓新手輕松上手,讓每個人都保持一致的開發環境。
使用原本在本地環境不可用的工具或運行時,或者管理它們的多個版本。
在 WSL 里開發 Linux 應用。
從多台不同的計算機訪問現有的開發環境。
調試在其他位置(比如客戶網站或雲端)運行的應用程序。
所有以上的功能,並不需要在你的本地開發環境有源代碼。通過 VS Code Remote,輕松連接上遠程環境,在本地進行開發。
Remote Development extension pack
Remote Development extension pack 包括三個擴展:
Remote – SSH – 通過使用 SSH 打開遠程計算機或者VM上的文件夾,來連接到任何位置。
Remote – Containers – 把 Docker 作為你的開發容器。
Remote – WSL – 在 Windows Subsystem for Linux 中,獲得 Linux 般的開發體驗。
Remote – SSH
在比本地機器更大、更快或更專業的硬件上進行開發。
在不同的遠程開發環境之間快速切換,安全地進行更新,而不必擔心影響本地計算機。
調試在其他位置運行的應用程序,例如客戶網站或雲端。
例如,假設你正在開展深度學習項目。您通常需要一個高GPU性能的虛擬機(例如 Azure Data Science Virtual Machine),配置了訓練大數據模型���需的所有工具和框架。
你可以使用 Vim over SSH 或 Jupyter Notebooks 來編輯遠程代碼,但是你放棄了本地開發工具的豐富功能。相反地,使用 Remote-SSH 擴展,你只需連接到 VM,安裝必要的擴展(如 Python 插件),然後你就可以利用VS Code的所有強大功能,如 IntelliSense、代碼跳轉和調試,就像你在本地開發一樣。
Remote – Containers
您可以在部署的同一操作系統上,使用一致的工具鏈進行開發。
容器是隔離的,這意味着你可以在不影響本地計算機的情況下在不同的開發環境之間快速切換。
其他人可以輕松地為您的項目做出貢獻,因為他們可以在一致的開發環境中輕松開發、構建和測試。
一個 devcontainer.json 文件可以被用來告訴 VS Code 如何配置開發容器,包括使用的 Dockerfile、端口映射以及在容器中安裝哪些插件等等。
Remote – WSL
使用 Windows 在基於 Linux 的環境中進行開發,使用平台特定的工具鏈和程序。
編輯位於 WSL 中的文件或掛載的 Windows 文件系統(例如 /mnt/c)。
在 Windows 上運行和調試基於 Linux 的應用程序。
插件直接在 Linux 發行版中運行,因此你不需要擔心路徑問題、軟件兼容性或其他跨平台的問題。你可以像在 Windows 中一樣,在 WSL 中無縫地使用 VS Code。
新時代
好了,說了這麼多,不如直接上手來試試。趕緊下載 Remote Development Extension Pack 來一起玩轉 VS Code Remote 吧!遠程開發的新時代已經到來!
http://bit.ly/2US36GJ
作者 | formulahendry
來源:cnBeta
from http://bit.ly/2WqbRcF
0 notes
amenhotepilianaus · 6 years ago
Text
Visual Studio Code Remote 發布 開啟遠程開發新時代
北京時間 2019 年 5 月 3 日,在 PyCon 2019 大會上,微軟發布了 VS Code Remote,開啟了遠程開發的新時代!這次發布包含了三款核心的全新插件,它們可以幫助開發者在容器、物理機器或虛擬機,以及 Windows Subsystem for Linux (WSL) 中實現無縫的遠程開發。通過安裝 Remote Development Extension Pack ,你可以快速上手遠程開發。
P.S: 該功能目前僅支持在 Insider 版本中使用,當然最終也會在 Stable 版本中提供。
http://bit.ly/2US36GJ
▲ Remote SSH 擴展運行截圖
遠程開發
Visual Studio Code Remote 允許開發者將容器,遠程計算機,或 Windows Subsystem for Linux (WSL) 作為完整的開發環境。你可以:
在部署相同的操作系統上進行開發,或者使用更大或更專業的硬件。
把開發環境作為沙箱,以避免影響本地計算機配置。
讓新手輕松上手,讓每個人都保持一致的開發環境。
使用原本在本地環境不可用的工具或運行時,或者管理它們的多個版本。
在 WSL 里開發 Linux 應用。
從多台不同的計算機訪問現有的開發環境。
調試在其他位置(比如客戶網站或雲端)運行的應用程序。
所有以上的功能,並不需要在你的本地開發環境有源代碼。通過 VS Code Remote,輕松連接上遠程環境,在本地進行開發。
Remote Development extension pack
Remote Development extension pack 包括三個擴展:
Remote – SSH – 通過使用 SSH 打開遠程計算機或者VM上的文件夾,來連接到任何位置。
Remote – Containers – 把 Docker 作為你的開發容器。
Remote – WSL – 在 Windows Subsystem for Linux 中,獲得 Linux 般的開發體驗。
Remote – SSH
在比本地機器更大、更快或更專業的硬件上進行開發。
在不同的遠程開發環境之間快速切換,安全地進行更新,而不必擔心影響本地計算機。
調試在其他位置運行的應用程序,例如客戶網站或雲端。
例如,假設你正在開展深度學習項目。您通常需要一個高GPU性能的虛擬機(例如 Azure Data Science Virtual Machine),配置了訓練大數據模型所需的所有工具和框架。
你可以使用 Vim over SSH 或 Jupyter Notebooks 來編輯遠程代碼,但是你放棄了本地開發工具的豐富功能。相反地,使用 Remote-SSH 擴展,你只需連接到 VM,安裝必要的擴展(如 Python 插件),然後你就可以利用VS Code的所有強大功能,如 IntelliSense、代碼跳轉和調試,就像你在本地開發一樣。
Remote – Containers
您可以在部署的同一操作系統上,使用一致的工具鏈進行開發。
容器是隔離的,這意味着你可以在不影響本地計算機的情況下在不同的開發環境之間快速切換。
其他人可以輕松地為您的項目做出貢獻,因為他們可以在一致的開發環境中輕松開發、構建和測試。
一個 devcontainer.json 文件可以被用來告訴 VS Code 如何配置開發容器,包括使用的 Dockerfile、端口映射以及在容器中安裝哪些插件等等。
Remote – WSL
使用 Windows 在基於 Linux 的環境中進行開發,使用平台特定的工具鏈和程序。
編輯位於 WSL 中的文件或掛載的 Windows 文件系統(例如 /mnt/c)。
在 Windows 上運行和調試基於 Linux 的應用程序。
插件直接在 Linux 發行版中運行,因此你不需要擔心路徑問題、軟件兼容性或其他跨平台的問題。你可以像在 Windows 中一樣,在 WSL 中無縫地使用 VS Code。
新時代
好了,說了這麼多,不如直接上手來試試。趕緊下載 Remote Development Extension Pack 來一起玩轉 VS Code Remote 吧!遠程開發的新時代已經到來!
http://bit.ly/2US36GJ
作者 | formulahendry
來源:cnBeta
from http://bit.ly/2J4TrLN
0 notes