精华内容
下载资源
问答
  • 官网下载地址:https://code.visualstudio.com/ 2)安装cpptools工具 3)下载MinGW 下载地址:https://sourceforge.net/projects/mingw-w64/files/ 下载的文件:进入网站后不要点击 “Download Lasted Version”...
  • 本文介绍了Visual Studio Code(vscode) git的使用,分享给大家,具体如下: 1.创建一个github账号   2.在vscode中执行命令 echo # C-Tests >> README.md git init git add README.md git commit -m first ...
  • Visual Studio Code 入门教程

    万次阅读 多人点赞 2019-02-12 09:22:16
    当然是Visual Studio Code啦!她是微软公司的,你说呢?而且她是免费的! Extensible and customizable.(可扩展的和可定制的,这是我喜欢它的原因) Want even more features? Install extensions to add new ...

    前端开发工具哪个最好用?当然是Visual Studio Code啦!她是微软公司的,你说呢?而且她是免费的!

    Extensible and customizable.(可扩展的和可定制的,这是我喜欢它的原因)

    Want even more features? Install extensions to add new languages, themes, debuggers, and to connect to additional services. Extensions run in separate processes, ensuring they won't slow down your editor.

    目录

    为什么使用 VS Code 

    VS Code 安装

    launch.json 简介

    使用VS Code 开发 Javascript

      安装Script插件

      调试Script

     如何设置成中文

     

    为什么使用VS Code   

      以JavaScript为代表,过去我们调试JS的时候,需要使用浏览器F12,代码上面需要利用console.log 或 alert 对过程进行输出,习惯了例如VS 编译器的开发人员会比较不习惯。如今可以使用VS Code进行开发,它开源免费,通过安装开发语言相关的插件,可以让VS Code实现相应的语法识别和代码提示,目前拓展商店已经提供了大多数编程语言的插件,可以随便下载,常用有Script有JScript、EScript ,以及包括PHP,Python等其它语言。

     

    VS Code 安装

      Visual Studio Code (这里简称 VS Code) 下载地址: https://code.visualstudio.com/

     

    launch.json 简介

      launch.json 是 VSCode 在当前开发目录自动生成的一个配置文件。开发时,根据所在项目类型,进行程序启动的路径运行环境配置,如下图,描述的是当前需要调试的文件路径为

    "${workspaceFolder}/scripts/debug.js",程序采用node进行调试。

     

     点击添加配置按钮,可以看到更多配置的选项,选项列表与当前安装的拓展有关,比如安装了Chrome之后。

     

    在launch.json中一些预定变量的具体含义如下

    ${workspaceRoot}     VSCode中打开文件夹的路径 

    原文 :the path of the folder opened in VS Code
    ${workspaceRootFolderName}   VSCode中打开文件夹的路径, 但不包含"/" 

    原文:the name of the folder opened in VS Code without any solidus (/)
    ${file}    当前打开的文件

    原文: the current opened file
    ${relativeFile}    当前打开的文件(相对于workspaceRoot)  

    原文:the current opened file relative to workspaceRoot
    ${fileBasename}   当前打开文件的文件名, 不含扩展名

    原文:the current opened file's basename
    ${fileDirname}   当前打开文件的目录名

    原文: the current opened file's dirname
    ${fileExtname}   当前打开文件的扩展名  

    原文:the current opened file's extension
    ${cwd}   当前运行任务的工作目录(启动目录)

    原文:the task runner's current working directory on startup

     

    使用VS Code 开发 Javascript

    安装Script插件

       使用ECMAScript开发,安装ESLint  

       使用TypeScript开发,安装TSLint

       使用Javascript开发,安装jshint

    调试Script

       1、调试环境,使用node编译环境。

       2、配置launch.json   

       {

        "type": "node",

        "request": "launch",

        "name": "Launch Program",

        "program": "${workspaceFolder}/scripts/debug.js"  //将需要测试的js文件通过 require引用到debug.js进行调用,可以实现模拟button点击效果或用来测试算法

      }

      3、切换到debug页面,启动调试,如图:

        

     如何设置成中文

      按键盘上的快捷键 Ctrl+shift+p,出现命令框,如图:

     

      输入configure language

     

     最后在新打开的语言配置文件里面,将locale:“en-us” 修改成 locale:“zh-cn”后重启,配置完成,如图:

    展开全文
  • 主要介绍了visual studio code 如何编译运行html css js文件,本文通过图文实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
  • 对于Visual Studio Code开发工具,有一款优秀的GoLang插件,它的主页为:https://github.com/microsoft/vscode-go 这款插件的特性包括: Colorization 代码着彩色 Completion Lists 代码自动完成(使用gocode) ...
  • Visual Studio Code

    2018-03-09 11:20:35
    Visual Studio CodeVisual Studio CodeVisual Studio Code
  • # Visual Studio Code version number (defaults to the latest version) visual_studio_code_version : ' ' # Build (either 'stable' or 'insiders') https://code.visualstudio.com/insiders/ # Ubuntu only ...
  • WebStorm虽然强大, Visual Studio Code毕竟是Windows的亲儿子。 目录 说在前面 Visual Studio Code 简介 Visual Studio Code安装 下载 Visual Studio Code 安装步骤 使用exe安装示例 双击运行 Visual ...

    WebStorm虽然强大, Visual Studio Code毕竟是Windows的亲儿子。

    目录

    说在前面

    Visual Studio Code 简介

    Visual Studio Code安装

    下载 Visual Studio Code

    安装步骤

    使用exe安装示例

    双击运行

    Visual Studio Code 特点

    总结


    说在前面

    最近想研究研究 js,以前玩过WebStorm,也用过一段VSCode,对比之下感觉Visual Studio Code比较轻量级一点,想重新整理一下Visual Studio Code,这算是一个 新的篇章吧,希望能坚持下去,并且 后期会总结成 个人专栏。望支持~

    Visual Studio Code 简介

    Visual Studio Code是一个轻量但功能强大的源代码编辑器,可在桌面上运行,适用于Windows,macOS和Linux。它内置了对JavaScript,TypeScript和Node.js的支持,并具有丰富的其他语言(如C ++,C#,Java,Python,PHP,Go)和运行时(如.NET和Unity)的扩展生态系统。

    • vsc是一个比较潮比较新的编辑器(跨平台Mac OS X、Windows和 Linux )
    • vsc功能和textmate、sublime、notepad++,ultraedit等比较,毫不逊色
    • vsc尤其是在nodejs(调试)和typescript、go上支持尤其好
    • vsc提供了自定义 Debugger Adapter 和 VSCode Debug Protocol 从而实现自己的调试器

    Visual Studio Code安装

    下载 Visual Studio Code

    官方点击:https://code.visualstudio.com/

    这里可直接点击 Download for Windows。

    安装步骤

    使用exe安装示例

    下载完成后是 一个 exe,本文 以 VSCodeUserSetup-x64-1.31.1.exe为例 做简单介绍。

    官方是建议使用exe的,该软件包包含一个图形用户界面(GUI),可指导您完成安装过程。双击可执行exe,选择安装到指定的目录;

    双击运行

    安装完成之后会自动运行,首页 Welcome。

    Visual Studio Code 特点

    • Free但不开源(目前已经开源)
    • Build(构建)和 debug(调试) 现代web和云应用(尤其是JavaScript、TypeScript、C#、ASP.NET v5 和 Nodejs)
    • 跨平台支持Linux, Mac OSX, and Windows
    • 支持语法自动补全,智能提示
    • 内置html开发神器emmet
    • 速度、调试效率非常快
    • 支持多主题(配色方案)0.9.1之后更爽
    • 对于其他编辑器的高效操作和快捷键都有继承(训练习惯的时候会讲)
    • 插件系统

    总结

    微软对于VSCode的定位是:位于编辑器与IDE之间,但是更像一个编辑器。有人说是披着编辑器外衣的IDE,我觉得是披着IDE外衣的编辑器。

    参考文献:

    VSCode官网:https://code.visualstudio.com/

    相关文献:

    • 代码开源:https://github.com/Microsoft/vscode
    • 官方博客:http://blogs.msdn.com/b/vscode/?Redirected=true
    • roadmap:https://github.com/Microsoft/vscode/wiki/Roadmap
    • 支持go语言:https://github.com/Microsoft/vscode-go
    展开全文
  • Visual Studio Code使用教程

    万次阅读 多人点赞 2019-05-06 10:52:39
    Visual Studio Code是一款轻量级的文档编辑器和资源管理工具,笔者之前一直使用Notepad++作为Shell脚本的编辑器,但是存在一个痛点就是分散在不同路径下的Shell脚本文件很难集中起来管理,也不能进行跨文档内容搜索...

    Visual Studio Code是一款轻量级的文档编辑器和资源管理工具,笔者之前一直使用Notepad++作为Shell脚本的编辑器,但是存在一个痛点就是分散在不同路径下的Shell脚本文件很难集中起来管理,也不能进行跨文档内容搜索。虽然可以通过IDEA来实现这个需求,但未必有点炮轰蚊子的感觉了。

    本文从Visual Studio Code的下载安装、插件、快捷键、工作区等方面逐一介绍。

    1. Install

    官网下载:https://code.visualstudio.com/Download 

    支持Windows、Linux、Mac三大平台,下载合适自己平台的软件包。

    Windows端的下载后直接一路下一步就行。

     

    2. Extensions

    推荐几个笔者觉得不错的插件:

    1)vscode-icons

    安装:

    效果:

     

    2)SQL Server

    针对SQL文件有语法高亮,智能提示等功能。

     

    3)编程语言相关

     

    4)Local History

    文件的时光机,保存着文件的历史修改记录,再也不用担心误删保存的情况了。

    效果:

     

    5)Eclipse Keymap

    笔者从Eclipse转到IDEA,快捷键的使用习惯还是保留着Eclipse上的,所以IDEA的快捷键也是设置成Eclipse,这里也是下载Eclipse的快捷键,当然根据个人习惯可以下载安装不同的(有IDEA等)。

     

    3. Keyboard Shortcuts

    1)常用的快捷键(Eclipse版)

    删除当前行:Ctrl+D

    显示/隐藏侧边栏:Ctrl+B

    上移动当前行:Alt+上箭头

    下移动当前行:Alt+下箭头

    复制当前行到下一行:Ctrl+Alt+下箭头

    复制当前行到上一行:Ctrl+Alt+上箭头

    跳到下一行:Shift+Enter

     

    2)解决 [Ctrl+Alt+下箭头] 屏幕旋转的问题

    Step1:通过快捷键Ctrl+Alt+F12打开显卡的设置窗口

    Step2:选项和支持

    Step3:修改冲突的快捷键、应用即可

     

    4. Workspace

    可以将不同路径下的文件夹放到同一个工作区里面进行管理。

    展开全文
  • Visual Studio Code下载安装教程

    万次阅读 多人点赞 2021-01-01 17:15:32
    Visual Studio Code下载安装教程 1.下载Visual Studio Code安装包,官网https://code.visualstudio.com 2.安装 功能快捷键 撤销:Ctrl/Command + Z 重做:Ctrl/Command + Y 加粗:Ctrl/Command + B 斜体:Ctrl/...

    Visual Studio Code下载安装与汉化

    1.先根据自己的系统下载Visual Studio Code安装包,官网https://code.visualstudio.com
    (我的是win10,所以下面的教程是根据windows来的);
    在这里插入图片描述在这里插入图片描述

    2.安装
    首先先同意协议,点击下一步;

    在这里插入图片描述
    然后选择程序安装位置,点击下一步;

    在这里插入图片描述
    在这里插入图片描述
    勾选“添加到PATH”,然后下一步,安装,等待安装完成。

    在这里插入图片描述

    在这里插入图片描述
    打开后如下图

    在这里插入图片描述
    3.汉化

    将鼠标置于软件界面任意处,然后Fn+F1(有些电脑按F1即可),出现下面内容,然后向下找到“Configure Display Language”点击

    在这里插入图片描述
    选择“Install additional languages…”

    在这里插入图片描述
    选择中文简体,点击install,然后右下角会出现一个提示框,点击“restart now”重启软件,再打开就是中文了。

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • Enable pretty-printing for gdb
  • 本篇文章给大家总结了Visual Studio Code断点调试Vue的方法以及心得分享,需要的朋友参考学习下。
  • 微软最近发布了Visual Studio Code ,我对它的使用有点困惑,因为Visual Studio在功能上与它有很多相似之处。
  • visual studio code

    热门讨论 2015-05-01 09:09:31
    微软官方下载的https://code.visualstudio.com/ 下载时间2015年5月1日08:38:22 主要服务于某些同行内网微软下载点被封锁,csdn可以自由下载的小伙伴。
  • 「VS CodeVisual Studio Code 菜鸟教程:从入门到精通

    万次阅读 多人点赞 2019-03-25 20:42:37
    Visual Studio Code,或简称为 VSCode,是我最喜欢的代码编辑器,我希望能有更多人享受到 VSCode 的便捷与强大。然而已存教程不足以成为我们了解 VSCode 的窗口,很多具有广泛使用场景的功能,比如命令窗口和终端,...
  • Visual Studio code

    2018-01-30 17:27:10
    是一个多功能的代码编辑器,不需要你下载各种插件,可直接使用,你值得拥有。
  • 下载 Visual Studio Code  下载 MinGW-w64 – for 32 and 64 bit Windows ,找到最新版本中的 x86_64-posix-seh 下载 LLVM Download Page,找到Pre-Built Binaries:选择下面的 Windows (64-bit) (.sig) ...
  • 之前我们使用VSCode搭建C#项目,今天写一篇关于django项目的搭建,其实以其说是搭建django框架,不如说是如何通过vscode开发django项目;...安装django ...查看django的安装版本:python -m django --version,当然安装的...
  • Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目:一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。 今天通过本文给大家介绍在...
  • Visual Studio Code 小白使用教程

    千次阅读 2020-02-08 20:39:12
    官网下载:https://code.visualstudio.com/ 汉化中文(官方下载默认为英文,英文好的小伙伴可直接跳过这步) 点击插件按钮搜索 Chinese 选择中文简体并安装 之后弹出页面选择install,安装完成之后重启软件才算...
  • Visual Studio Code 常用插件,包括bootstrap-3,vscode-icons,jquery,JS-CSS-HTML-formatter,aspnet-helper,path-intellisense(路径自动补全),html css
  • Visual Studio Code 新手教程

    千次阅读 多人点赞 2019-12-23 20:27:29
    Visual Studio Code 新手教程下载如何安装安装成功后对于初学者的引入如何打开网页浏览器如何创建项目(这里以html文件创建为例) 下载 直接前往百度进行下载或者Visual Studio官网。 如何安装 根据安装包的基本指引...
  • 主要介绍了Visual Studio Code安装和配置,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
  • 主要介绍了吐血推荐珍藏的Visual Studio Code插件(推荐),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 主要介绍了Visual Studio Code 使用Git进行版本控制(图文教程),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • visual studio Code 安装教程

    万次阅读 多人点赞 2019-04-21 18:15:52
    1.下载VSCode安装包,官网传送门https://code.visualstudio.com/ 2. 点击下载好的VSCode安装包进入到VSCode的安装向导界面,如图:(直接点击“下一步”) 3.更改安装路径,建议不要什么软件都安装在系统盘(C盘)...
  • 两篇相关博文: 在VMware15中创建虚拟机安装ubuntu系统(超详细教程) Linux环境编译运行C/C++语言...Visual Studio Code是微软推出的一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 130,143
精华内容 52,057
关键字:

code教程studiovisual