Mac 上的新利器-Visual Studio Code

  • Post author:
  • Post category:其他



编者语:Build 2015 这三天,估计大家都应该对微软有一个新的认识。开发工具Visual Studio 2015作为生产力工具不仅在Windows 上,还延展到Linux/MacOS上。我之前一直觉得Visual Studio 这类产品好是好,但非常臃肿,现在一个新的产品Visual Studio Code 诞生使得Visual Studio 变得轻量。这是非常可喜,对.NET/Mono 在跨平台上的贡献将会影响深远。经过两天的摸索,我算是把它的基本功能摸熟了,这里就和大家介绍一下。


Visual Studio Code 是什么?






Visual Studio Code  是一个轻量级的Visual Studio ,  更注重编码。而且Visual Studio Code 是一个跨平台的IDE工具,你可以在传统的Windows 平台上安装,也可以在MacOS, Linux 上安装。现阶段,Visual Studio Code 支持ASP.NET 5 和 NodeJS的编码,你还可以通过Visual Studio Code 使用Git 和 代码跟踪调试。这里想说明一下Visual Studio Code 现在处于Preview阶段,很多的不稳定性,例如ASP.NET 5 现在暂时不支持调试。我本人是十分喜欢Visual Studio Code ,首先从安装上,在Mac上只有60MB的容量。还有更重要一点是它可以通过JSON去设定一些第三方语言的支持和编译,如TypeScript。

现在Sublime 或者还是我的首选,随着Visual Studio Code 的不断完善我觉得我会把它作为我的编码工具,事关在Mac/Linux上
偷笑
这是一个靠谱的工具呀!



在Mac上使用Visual Studio Code


在MacOS上,你可以在Application 中打开Visual Studio Code , 也可以通过命令行。命令行有什么作用?可以更快用Visual Studio Code 编辑文件或者打开项目。像ASP.NET 5/ NodeJS  更多是通过命令行去创建项目,通过命令行可以把项目或文件快速导入到Visual Studio Code 当中。


如果你需要配置命令行,需要写入如下代码到.bashrc文件中 :

code () {
    if [[ $# = 0 ]]
    then
        open -a "Visual Studio Code"
    else
        [[ $1 = /* ]] && F="$1" || F="$PWD/${1#./}"
        open -a "Visual Studio Code" --args "$F"
    fi
}


之后你就可以通过Code . , 这样就可以直接打开你所创建的项目

输入回车后,会直接把项目导入到CodeVSDemo中去


Visual Studio Code 的五大模块


1.


文档管理

,这里是传统的项目文档管理,你可以通过它去查看项目结构,和所打开的文件。

2.


文件内搜索

,你可以快速搜索项目内的文档,文档所包含的关键字,替换所需要的字词等。


3.


Git版本管理

,通过这个你可以对项目进行版本管理(
大笑
这比Sublime优秀,直接支持了,作为一个代码编辑器这个是必要条件),  假若我修改

了代码,在图标会有提示,并且你双击Changes的代码可以告诉你版本的前后对比





4.


项目调试

,你可以为你的项目增加断点,但这个比较遗憾,暂时不支持ASP.NET 5, 但是已经支持NodeJS了。Debug是通


过lauch.json 去设置的。



5.

运行

,在Mac上你通过Cmd + P去执行所需要的脚本,如dnu restore ,dnu build ,dnx . kestrel 都可以在这里使用,如刚才的项


目,如下图

1) 你需要先restore ,当使用Cmd+P,输入restore , 就可以找到dnu restore 命令,按回车即可触发命令行界面使用



2) 触发kestrel  同理再使用Cmd+P ,输入kestrel ,既可以调用dnx . kestrel 启动服务器


为项目添加TypeScript 编译支持


Visual Studio Code 本来就支持TypeScript (版本是1.5)文档,但是如果需要编译还是需要做一些设定。

1. 配置好ES5 , amd Module ,和 source map的支持,在项目根目录中添加tsconfig.json 文件



2.这个时候你就可以为你的项目添加ts文件,通过上述配置可以对你编写的ts文档进行相关智能提示,如下图, 由于这里把数值变

量y赋予给了字符串类型,系统会提示出错



3.如果你希望在Visual Studio Code 直接编译ts的代码,你必须在项目中添加tasks.json ,这里需要注意要添加

“isShellCommand”: true,因为这个是需要出发命令行中的tsc , 并把args属性的HelloWorld去掉



4. 设置成功后,你就可以通过Cmd + Shift + B 进行编译,编译成功会为你的ts 生成.js和.js.map的文件


Mac上使用的一个大坑



这个其实更多是关ASP.NET 5 beta 4 + Mono 的Bug , 具体请看 :

https://github.com/aspnet/Home/issues/498

, 现在我是通过命令行设置 export MONO_MANAGED_WATCHER=false 去解决。大家一定一定要注意。

Visual Studio Code 是一个轻量级的代码工具,是微软开放和拥抱开源的一个踏脚石。相信会越来越强大,并有一个美好的将来。



版权声明:本文为u014388424原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。