精华内容
下载资源
问答
  • Web_stack:Web_development_source_code
  • WEB CODE IS FREE

    2014-04-10 02:39:39
    WEB CODE IS FREE
  • Visual Studio Code web攻城狮-常备插件 **开发方便了许多ε≡٩(๑>₃<)۶ 一心向学** 点击左侧栏这个拓展按钮(Ctrl+Shift+X)然后搜索下面的 Chinese (Simplified) Language Pack for Visual ...

    Visual Studio Code web攻城狮-常备插件


    精简版: 这几个就够用了


    **开发方便了许多ε≡٩(๑>₃<)۶ 一心向学**

    多功能版☟

    • 点击左侧栏这个拓展按钮(Ctrl+Shift+X)
      然后搜索下面的

    1. Chinese (Simplified) Language Pack for Visual Studio Code
      简体中文包

    2. Prettier - Code formatter
      最强格式化,不接受反驳(在应用商店中卸载JS-CSS-HTMLFormatter以免出现保存时自动格式化了)

    3. HTML Snippetsode Runner
      代码编译运行看结果,支持众多语言

    4. GitLens
      丰富的git日志插件

    5. vetur vue
      语法高亮、智能感知、Emmet等

    6. HTML CSS Support
      让 html 标签上写class智能提示当前项目所支持的样式。新版已经支持scss文件检索,这个也是必备插件之一

    7. Auto Close Tag
      匹配标签,关闭对应的标签。很实用【HTML/XML】

    8. Auto Rename Tag
      修改 html 标签,自动帮你完成尾部闭合标签的同步修改

    9. Path Intellisense
      路径智能提示

    10. JavaScript (ES6) code snippets
      该插件为JavaScript、TypeScript、HTML、React和Vue提供了ES6语法支持。

    11. Live Server
      浏览器实时刷新。右键“Open With Live Server”开启

    12. open in browser
      从浏览器中查看html文件,使用系统的当前默认浏览器

    13. Bracket Pair Colorizer
      让括号拥有独立的颜色,易于区分。可以配合任意主题使用。

    14. ESLint
      ESLint代码检测校验

    15. vscode-icon
      让 vscode 资源树目录加上图标,必备良品!

    16. Debugger for Chrome
      让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试,真666~

    17. IntelliSense for CSS class names in HTML
      把项目中 css 文件里的名称智能提示在 html 中

    18. minapp
      微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)

    19. CSS Peek
      追踪至样式表中 CSS 类定义的地方
      ctrl+鼠标左键点击class 或 鼠标右键“跳转到定义(F12)”

    20. Manta’s Stylus Supremacy
      格式化stylus

    21. jQuery Code Snippets
      jquery 重度患者必须品

    22. Class autocomplete for HTML
      编写html代码的朋友们对html代码的一大体现就是重复,如果纯用手敲不仅累还会影响项目进度,这款自动补全插件真的很棒;

    23. JavaScript Snippet Pack
      针对js的插件,包含了js的常用语法关键字,很实用;

    24. Path Autocomplete
      路径智能补全

    25. beautify
      格式化代码的工具,可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用

    26. HTMLHint
      html代码检测

    27. VSCode Great Icons
      另一款资源树目录图标

    28. colorize
      会给颜色代码增加一个当前匹配代码颜色的背景,非常好

    29. Color Info
      提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了。

    30. vscode-fileheader
      顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间

    31. Document This
      js 的注释模板 (注意:新版的vscode已经原生支持,在function上输入/** tab)

    32. filesize
      在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间

    33. Bootstrap 3 Sinnpet
      常用 bootstrap 的可以下

    34. VueHelper
      vue代码提示

    35. Bookmarks
      一个书签工具,还是很有必要的

    36. tortoise-svn
      SVN的集成插件


    参考链(✪ω✪)

    展开全文
  • ace &... web code editor web ide https://ace.c9.io/ https://github.com/ajaxorg/ace https://github.com/ajaxorg/ace-builds/tree/master/src-min-noconflict ace & web ide & web...
    展开全文
  • VS Code 1.40已经发布,开发者已经可以直接从 VS Code 的源代码编译出 Web 版 VS Code。如果你已经下载并且构建了 VS Code的源代码,只需运行 yarn web,就能在http://localhost:8080/访问,如果之前没有在本地构建...

    VS Code 1.40 已经发布,开发者已经可以直接从 VS Code 的源代码编译出 Web 版 VS Code。如果你已经下载并且构建了 VS Code 的源代码,只需运行 yarn web,就能在 http://localhost:8080/ 访问,如果之前没有在本地构建过,需要在本地先构建 VS Code,然后再运行 yarn web。该版本内容如下:

    活动栏指示器

    该版本为 Activity Bar 中的活动项引入了一个新的指示器,以使其更加突出并提高可读性。

    你可以通过新的颜色标记 activityBar.activeBorder 来控制活动指示器,另外还为 Active 元素引入了一个可选的背景色,activityBar.activeBackground,配置后可以如下所示:

    可定制的窗口边框

    新增了 window.activeBorder 和 window.inactiveBorder 两个主题颜色。

    window.activeBorder:设置窗口有焦点时候的边框颜色

    window.inactiveBorder:设置窗口失去焦点时候的边框颜色

    面包屑导航(breadcrumbs)的类型过滤器

    新增了多个设置 outline.showVariables、outline.showFunctions 等等以及 breadcrumbs.showVariables。

    在分割编辑器时控制大小

    新设置 workbench.editor.splitSizing 用来分割窗口时调整编辑器的布局。默认情况下是平均分配,如下所示:

    将此设置更改为“split”,以便将当前编辑器分成两部分,而不影响其他编辑器的大小:

    根据语言设置行尾字符

    可以根据不同的语言来设置行尾字符(files.eol)。

    "[mylanguage]": {

    "files.eol": "\n"

    }

    改进括号匹配

    以前,VS Code 只会在光标位于括号字符旁边时突出显示匹配的括号。现在,VS Code 将始终突出显示括号(如果它们存在的话)。

    改进 Unicode 组合字符处理

    以前:

    现在:

    diff 编辑器改进

    通过 Show/Ignore Trim Trailing Whitespace Difference, 可以设置是否比较空白字符。

    Git:自动的 commit message

    如果 VS Code 检测到当前是一个 merge 的 commit,则会自动补全 commit message。

    Git: Reveal in Explorer

    在 Git 的文件管理器的右键菜单中,新增了 Reveal in Explorer 选项。

    Git: Clone progress

    clone 操作支持在右下角通知中显示进度:

    overview ruler 显示断点

    通过设置 debug.showBreakpointsInOverviewRuler,可以在右侧的 overview ruler 中显示断点。

    CSS media query 符号

    在 CSS/SCSS/Less 文件中,media query 符号会在 Outline 和 Breadcrumb 显示。

    更多内容请见发布说明。

    展开全文
  • 民众号关注“GitHubDaily”设为 “星标”,带你领会手艺圈内新鲜事北京...自建 Web 版 VS Code前不久,微软正式公布了 Visual Studio Online,包罗微软托管的 Web 版 VS Code。现在,开发者已经可以直接从 VS Code ...

    民众号关注 “GitHubDaily”

    设为 “星标”,带你领会手艺圈内新鲜事

    北京时间 2019 年 11 月 8 日,微软公布了 Visual Studio Code 1.40 版本。让我们来看看有哪些主要的更新。

    自建 Web 版 VS Code

    前不久,微软正式公布了 Visual Studio Online,包罗微软托管的 Web 版 VS Code。现在,开发者已经可以直接从 VS Code 的源代码编译出 Web 版 VS Code。

    若是你已经下载了 VS Code 在 GitHub 上的源代码,只需运行 yarn web,就能在http://localhost:8080/接见啦!

    更多关于构建 VS Code 的信息,可以查看这篇孝敬指南。

    https://github.com/microsoft/vscode/wiki/How-to-Contribute

    需要注重的是,当前 Web 版本的 VS Code 照样主要用于测试目的。

    编辑器支解的巨细

    通过 workbench.editor.splitSizing 可以控制新支解的巨细。默认情况下,所有的编辑器是均分的。

    当把 workbench.editor.splitSizing 设置为 split 时,只有当前编辑器会被支解,其余的编辑器不受影响。

    可定制的窗口边框

    新增了 window.activeBorder 和 window.inactiveBorder 两个主题颜色。

    window.activeBorder:设置窗口有焦点时刻的边框颜色

    window.inactiveBorder:设置窗口失去焦点时刻的边框颜色

    面包屑导航(breadcrumbs)的类型过滤器

    新增了多个设置:

    outline.showVariables、outline.showFunctions 等等,以及 breadcrumbs.showVariables。

    如上图所示,breadcrumbs.showVariables 被设置为 false,响应的 hidden 变量不会在面包屑导航(breadcrumbs)中显示。

    凭据语言设置行尾字符

    可以凭据差别的语言来设置行尾字符(files.eol)。

    "[mylanguage]"

    :

    {

    "files.eol":"\n"

    }

    对照空缺字符

    通过 Show/Ignore Trim Trailing Whitespace Difference, 可以设置是否对照空缺字符。

    Git:自动的 commit message

    若是 VS Code 检测到当前是一个 merge 的 commit,则会自动补全 commit message。

    Git: Reveal in Explorer

    在 Git 的文件管理器的右键菜单中,新增了 Reveal in Explorer选项。

    概述标尺显示断点

    通过设置 debug.showBreakpointsInOverviewRuler,可以在右侧的概述标尺中显示断点。

    CSS media query 符号

    在 CSS/SCSS/Less 文件中,media query 符号会在 Outline 和 Breadcrumb 显示。

    更多完整内容,请查看 VS Code 官网的 Release Notes:

    https://code.visualstudio.com/updates/v1_40

    以上,即是今日分享,以为不错,还请点个在看,谢谢。

    推荐阅读:

    「GitHub 交流群」已开放

    想入群的可在民众号后台回复「入群」

    展开全文
  • Web Template Studio 发布!在 VS Code 中轻松创建 Web 应用

    千次阅读 多人点赞 2019-05-25 09:39:45
    在 VS Code 中轻松创建 Web 应用 作者:韩骏 Fundebug经授权转载,版权归原作者所有。 作为一个 Web 应用开发者,Scaffolding Tool(脚手架工具)一定是在创建项目时的重要工具。许多开发者会习惯于使用基于 CLI 的...
  • Js AJAX call code behind Web Method

    千次阅读 2013-12-02 17:41:01
    Js AJAX call web method Js : $.ajax({ type: "POST", url: "CustomerPersonalDetails.aspx/SearchAddress", data: "{ 'searchParam': 'abc' }", contentType: "applicatio
  • 自建 Web 版 VS Code如果你已经下载了 VS Code 在 GitHub 上的源代码,只需运行 yarn web,就能在 http://localhost:8080/ 访问啦!更多关于构建 VS Code 的信息,可以查看这篇贡献指南。http...
  • #dokcer部署code-server web版vscode codercom/code-server:latest不支持插件在线安装 codercom/code-server:v2目前为最新版1.38 #创建 docker rm -f vscode docker run -dit --restart=always \ --name vscode -h...
  • .NET下微软官方添加数据库Model大致分为两种,基于EF和 Code First 这里先讲Code First Code First又分为两种,一种是空code first ...首先新建一个Web Api的Project我就不多说了 Models文件夹下先新建了一个...
  • Visual Studio Code + Emmet Web开发

    千次阅读 2017-04-20 13:02:14
    Visual Studio Code
  • code-server 的Java Web研发环境部署

    千次阅读 2019-05-24 13:58:17
    Code-Server是一种Vs Codeweb部署实现,让用户可以在浏览器内使用Vs Code进行开发。官方Github详见: cdr/code-server Code-Server默认实现并未带上Java环境等开发必须的软件,因此需要在官方镜像基础上加上其它...
  • Visual Studio Code介绍——调试Web项目

    千次阅读 2019-03-25 13:25:47
    Visual Studio Code 是Microsoft在2015年4月30日发布的一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。由于其丰富的插件和优质的性能,广受开发者喜爱。 调试 ...
  • web3.eth.getCode

    千次阅读 2018-04-21 19:03:52
    web3.eth.getCode(addressHexString [, defaultBlock] [, callback]) 参数: addressHexString: String - 要获得代码的地址。 defaultBlock: Number|String -(可选)如果未传递参数,默认使用web3.eth....
  • 微软JavaScript Diagnostics项目经理Kenneth Auchenberg在一篇文章中写道,有一个新的Visual Studio Code扩展,允许开发人员直接在他们的Mac和Windows编辑器上调试在iOS设备上运行的JavaScript Web应用和网站。...
  • web站点监控脚本web_status_code,tomcat 80,oracle1521 1,完整的监控脚本如下 #!/bin/bash #web_status_code=`curl -o /dev/null -s -w "http_code:%{http_code}" http://yjszs.nudt.edu.cn/`...
  • http://codemirror.net/
  • 原文地址:Site项目和ASP.NET Web Application中App_Code文件夹的作用">Web Site项目和ASP.NET Web Application中App_Code文件夹的作用作者:柳萧  我现在要建一个ASP.NET的网站了,不难吧,开始动手。如下图...
  • Visual Studio Code 汉化 名称: Chinese (Simplified) Language Pack for Visual Studio Code ID: ms-ceintl.vscode-language-pack-zh-hans 说明: Language pack extension for Chinese (Simplified) 版本: 1.48.1 ...
  • 因为Web应用程序中App_Code就不存在 。 不过可以通过手动的方式创建,添加一个文件夹命名为App_Code就可以了。这样子创建的和在网站中创建的App_Code的在外观上一样的。 先不要高兴,没有这么简单的。 你在App...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 158,869
精华内容 63,547
关键字:

codeweb