vscode部署到服务器云代码

① vscode是什么

Visual Studio Code（简称“VS Code”）是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于Mac OS X、Windows和linux之上的，针对于编写现代Web和云应用的跨平台源代码编辑器，可在桌面上运行，并且可用于Windows，macOS和Linux。

它具有对JavaScript，TypeScript和Node.js的内置支持，并具有丰富的其他语言（例如C++，C＃，Java，Python，php，Go）和运行时（例如．NET和Unity）扩展的生态系统。

可以通过“命令面板”调用VSCode的许多功能。用户可以在命令面板中搜索和输入命令来实现特定功能，例如安装扩展，设置属性等。默认情况下，打开命令面板的快捷键为Ctrl+Shift+P。

内置了一组易于使用的配置界面，同时支持json文件配置。在控制面板中进行的所有设置将自动保存到json。方便备份或部署。

代码具有现代文本编辑器的功能，例如更改字符编码，替换换行符，突出显示语法，支持正则表达式，安装扩展名，创建代码段等。

② 如何用win10上的vscode看虚拟机里的代码

1.网络共享，比如搭建nfs samba ftp 服务器
2.安装tools，设置共享目录
3.以上两种方式都可以实现
4.希望可以帮助你，请采纳，谢谢

③ vscode 设置汇总

1. 包内函数参数自动提示

2. 

vscode 连接服务器远程开发配置：

    配置服务器.vscode-server:  https://blog.csdn.net/mc_pang/article/details/123078089

    免密登录： https://zhuanlan.hu.com/p/435920513

连接ssh一直连接不上去，转圈圈

https://blog.csdn.net/weilin731/article/details/119778478

3. conda 配置 vscode

        3.1 windows环境下vscode的终端设置为conda终端

                https://blog.csdn.net/nick_young_qu/article/details/104846996?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1.pc_relevant_paycolumn_v3&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1.pc_relevant_paycolumn_v3&utm_relevant_index=2

        3.2  VScode连接始终报错 Downloading VS Code Server failed - please install either curl or wget on the

                https://blog.csdn.net/qq_40605972/article/details/122009226

④ VSCode前端文件（html文件）如何以服务器模式打开

安装一个扩展插件，Live Server，然后就可以用服务器模式打开了

⑤ Win10中使用VSCode + Remote-SSH + Linux服务器远程开发

VSCode + Remote-SSH + Linux服务器远程开发

VSCode新增加一个 Remote-SSH 插件，它可以用来打开Linux服务器上的的文件夹!!!

VSC 通过 Remote Development 插件连接上远程服务器，然后打开服务器上的文件夹作为 workspace 。无需将服务器上的各种头文件和源码拷贝到本地上，我们就能使用包括 IntelliSense (completions) 、 code navigation 及 debugging 在内的各种功能。最后，我们还能使用编辑器内置的终端操纵服务器，去做一些 build、release 这样的事情.

安装Win10系统, 默认系统会安装 OpenSSH , 如果本地机器没有装, 需要专门安装一下, 注意这里需要安装 OpenSSH-Client 客户端. 并且在Windows中 powershell 中使用 ssh-keygen.exe 生成一对公私钥, 存储在 C:\Users\brownfeng\.ssh\ 文件夹中, 具体步骤如下

具体步骤:

本机操作环境：Windows 10 1909（此版本的系统自带SSH）
远程机器环境: Ubuntu18.04

常规插件安装如下:

其他的配置使用 Ctrl+Shift+P ,选自 setting(JSON)

这里远程机器可以是使 VirtualBox 中安装的 ubuntu18.04 , 也或者是同一个网络中的其他Linux机器. 并且Linux机器上需要如下配置:

在Windows机器上打开VSCode, 然后点击界面最左边的 Remote-SSH , 然后点击点击左上方 CONNECTION 窗口中的蓝字 Configure ，并选择包含 .ssh\config 的配置文件, 并且在配置文件中填入:

此时已经在VSCode中重启打开窗口,远程连接上了Linux中的内容.

https://zhuanlan.hu.com/p/100759746
https://blog.csdn.net/sixdaycoder/article/details/89850064
https://blog.csdn.net/maokelong95/article/details/91801944
https://www.hu.com/question/30315894/answer/928959062
https://www..com/link?url=2S1ImETasuzCgi_1SzolRpvTlC-9g5Ma2jTPd7kTez834S-GicesjpUbJIK-Z9I9&wd=&eqid=

⑥ VsCode轻松使用docker容器-Remote Containers

演示视频： BiliBili

使用docker容器过程中，最常见的操作是进入容器内查看文件、修改配置等操作

使用shell进入容器内，使用linux命令操作

像VsCode操作本地文件一样去查看文件、修改配置。可以界面化得操作文件，不需要使用shell命令（如:ls cat echo vi等）

开发过程中，往往部署服务会在服务器上，所以需要远程到服务器上部署docker，下面服务器为ubuntu

远程到服务器后，很多操作需要输入密码，使用起来不方便，可以使用SSH key减少密码输入

⑦ 如何实现前端代码打开vscode编辑器

vscode 可安装静态web服务器 Live Server用于运行前端代码，方便调试。最新的 Live Server已支持php动态页面。
安装方法是，点击左侧第五个图标，打开“扩展”页面，在文本框中输入Live Server，点击第一个搜索结果，在右侧页面中点击安装，等待安装完成。
运行方式是，选中项目，点击屏幕下方工具栏中的Go live按钮即可。再点击一次，即停止运行服务器。
Live Server有一些默认配置选项，用户可以修改。点击 文件->首选项->设置， 在右侧页面中找到 Live Server Config，其中列出的是本插件的配置属性。将其复制到右侧，修改属性值，点击保存即可。例如，修改默认的端口，可以复制以下代码到页面的右侧的用户设置中。

1
"liveServer.settings.port": 5501

点击保存，默认的端口就有5500改为5501.
其他设置的含义，查找该插件的说明文档。
注意，VSCode 中的所有设置都是通过json格式的数据配置的。用户可以查找对应的key值，修改其value，从而修改配置属性。

⑧ node js 怎么搭配vscode使用

简介

• Node.js是一个帮助开发应用的JavaScript运行平台, 它快速且灵活

• NPM是一个Node.js模块的包管理程序

• VS Code 支持JavaScript 和TypeScript语言--以及 Node.js 及时调试, 要想运行一个Node.js应用, 你需要安装Node.js的运行时环境

操作系统: OS X 10.11.6
版本:
VS Code 1.4
node 6.2.2
code 1.4.0
tsc 1.8.10
npm 3.9.5

• VS Code 提供了一个 code 命令，用来在 shell 环境下调用编辑器。使用快捷键 ⇧⌘P（或 F1） 唤起命令面板，输入以下命令即可完成安装。

• mkdir Hello


• cd Hello


• code .



• 您可以直接从命令行打开文件或文件夹。这里 '.' 是指到当前文件夹，因此 VS Code将启动并打开当前文件夹。

代码提示

• 通过tsd或者typings这两个工具安装（两个工具的作者是同一个人，目前tsd已经废弃了）。

• tsd 和 typings 用法:

• tsd:

• //全局安装


• npm install tsd -g



• typings:

• //全局安装


• npm install typings -g



• 如果你的电脑上没有安装TypeScript Compiler的话，是无法使用tsc这个指令的。要安装也很简单

• npm install typescript -g



node express、lodash等的自动补全

• typings install dt~node --global


• typings install dt~express --global


• typings install dt~lodash --global



• //vscode官方文档上express的typings使用的是


• typings install dt~express dt~serve-static dt~express-serve-static-core --global



其中”dt~”为使用DefinitelyTyped类型定义的意思，vscode可以识别这种定义。

配置jsconfig.json

• 在使用typings之前，需要在vscode里面配置一下名为jsconfig.json的文件, VS Code通过这个文件找到自动补全文件。配置方法很简单，随便选中一个js文件，vscode右下角会弹出一个绿色的小灯泡，如图所示：

创建package.json

package.json 文件就是定义了项目的各种元信息，包括项目的名称，git repo 的地址，作者等等。最重要的是，其中定义了我们项目的依赖，这样这个项目在部署时，我们就不必将 node_moles
目录也上传到服务器，服务器在拿到我们的项目时，只需要执行 npm install
，则 npm 会自动读取 package.json 中的依赖并安装在项目的 node_moles
下面，然后程序就可以在服务器上跑起来了。

• npm init



• 如果只是测试项目或者练习用，没有仓库地址

• 只需在package.json里面做如下配置即可:

• {


• ...


• "private": true,


• ...


• }



以这种方式把项目声明为私有，这样npm就不会再提示配置repository及readme了

• 否则会遇到这个错误

• npm WARN package.json [email protected] No repository field.


• npm WARN package.json [email protected] No README data



• 需要配置仓库路径

• {


• ...


• "repository": {


• "type": "git",


• "url": "http://github.com/yourname/repositoryname.git"


• },


• ...


• }



• 配置完成后就可以随意安装模块了

• npm install utility express lodash --save



--save 的作用，就是会在你安装依赖的同时，自动把这些依赖写入 package.json。命令执行完成之后，查看 package.json，会发现多了一个 dependencies
字段

运行

• VS Code内置调试器支持调试Node.js运行时，同时也可以调试JavaScript、TypeScript以及其他JS转译语言。
  点击

  图标来到调试界面

• 单击调试视图顶部栏中的齿轮图标，并选择好调试环境，VS Code会在.vscode目录下为你生成一份launch.json。

• 来看launch.json

这里的program 设置的是启动文件, index.js

• 此时回到文件界面, 按 F5 就可以运行了

⑨ vscode如何增量推送代码到svn服务器

1、安装svn客户端TortoiseSVN。2、创建存放自己项目的文件夹，把本地创建好的vue项目代码提交到svn服务器上，不提交nodemoles。3、在本地要存放项目的地方右键svncheckout，填入上一步提交的路径，下载后用vscode打开此文件夹。4、在终端中执行命令npminstall，安装项目依赖。5、输入npmrundev运行项目。6、修改文件后直接在vscode左侧右键svnCommit就会显示需要提交的文件。
还没有纳入svn控制的文件才可以纳入忽略文件列表，已经被svn控制的文件是无法纳入到忽略文件列表的。若你的文件已经纳入svn控制，可以将导出另存到其他位置，然后将原工作区的文件夹删除，commit一下，再把刚才另存的文件夹复制回来，这样此文件夹就脱离svn控制啦。

⑩ vs code 前端如何以服务器模式打开

废话在线，肯定首先要安装 vs code 和 node.js（既然是前端就必须回，不会的面壁思过）
然后在命令符中输入 npm install -g live-server 进行安装，（简单的NPM安装）
安装成功后在vscode里 “查看” - “集成终端”或者 文件夹命令提示符 里面输入 live-server ，

等待浏览器会自动打开 http://127.0.0.1:8080/ 这个端口，
这样我们就能像webstorm等IDE这样在本地方便的使用 ajax 或者 vue-resource 等功能，希望帮到你们
---------------------------------------------------------------------------------------
2017-09-30日更新
现在 vs code 中有个插件叫 Live Server，不需要上面的方法了