Mac 上的新利器-Visual Studio Code
2015-05-02 17:06
316 查看
编者语:Build 2015 这三天,估计大家都应该对微软有一个新的认识。开发工具Visual Studio 2015作为生产力工具不仅在Windows 上,还延展到Linux/MacOS上。我之前一直觉得Visual Studio 这类产品好是好,但非常臃肿,现在一个新的产品Visual Studio Code 诞生使得Visual Studio 变得轻量。这是非常可喜,对.NET/Mono 在跨平台上的贡献将会影响深远。经过两天的摸索,我算是把它的基本功能摸熟了,这里就和大家介绍一下。
![](https://img-blog.csdn.net/20150502172152311)
Visual Studio Code 是什么?
![](https://img-blog.csdn.net/20150502183839371)
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上
![](http://static.blog.csdn.net/xheditor/xheditor_emot/default/titter.gif)
这是一个靠谱的工具呀!
在Mac上使用Visual Studio Code
在MacOS上,你可以在Application 中打开Visual Studio Code , 也可以通过命令行。命令行有什么作用?可以更快用Visual Studio Code 编辑文件或者打开项目。像ASP.NET 5/ NodeJS 更多是通过命令行去创建项目,通过命令行可以把项目或文件快速导入到Visual Studio Code 当中。
如果你需要配置命令行,需要写入如下代码到.bashrc文件中 :
之后你就可以通过Code . , 这样就可以直接打开你所创建的项目
![](https://img-blog.csdn.net/20150502184535362)
输入回车后,会直接把项目导入到CodeVSDemo中去
![](https://img-blog.csdn.net/20150502184853310)
Visual Studio Code 的五大模块
1.
![](https://img-blog.csdn.net/20150502185625274)
文档管理,这里是传统的项目文档管理,你可以通过它去查看项目结构,和所打开的文件。
2.
![](https://img-blog.csdn.net/20150502190612259)
文件内搜索,你可以快速搜索项目内的文档,文档所包含的关键字,替换所需要的字词等。
3.
![](https://img-blog.csdn.net/20150502191007242)
Git版本管理,通过这个你可以对项目进行版本管理(
![](http://static.blog.csdn.net/xheditor/xheditor_emot/default/laugh.gif)
这比Sublime优秀,直接支持了,作为一个代码编辑器这个是必要条件),
假若我修改
了代码,在图标会有提示,并且你双击Changes的代码可以告诉你版本的前后对比
![](https://img-blog.csdn.net/20150502200447553)
4.
![](https://img-blog.csdn.net/20150502191325516)
项目调试,你可以为你的项目增加断点,但这个比较遗憾,暂时不支持ASP.NET 5, 但是已经支持NodeJS了。Debug是通
过lauch.json 去设置的。
![](https://img-blog.csdn.net/20150502200807514)
5. 运行 ,在Mac上你通过Cmd + P去执行所需要的脚本,如dnu restore ,dnu build ,dnx . kestrel 都可以在这里使用,如刚才的项
目,如下图
1) 你需要先restore ,当使用Cmd+P,输入restore , 就可以找到dnu restore 命令,按回车即可触发命令行界面使用
![](https://img-blog.csdn.net/20150502192020508)
2) 触发kestrel 同理再使用Cmd+P ,输入kestrel ,既可以调用dnx . kestrel 启动服务器
![](https://img-blog.csdn.net/20150502195020392)
为项目添加TypeScript 编译支持
Visual Studio Code 本来就支持TypeScript (版本是1.5)文档,但是如果需要编译还是需要做一些设定。
1. 配置好ES5 , amd Module ,和 source map的支持,在项目根目录中添加tsconfig.json 文件
![](https://img-blog.csdn.net/20150502210513842)
2.这个时候你就可以为你的项目添加ts文件,通过上述配置可以对你编写的ts文档进行相关智能提示,如下图, 由于这里把数值变
量y赋予给了字符串类型,系统会提示出错
![](https://img-blog.csdn.net/20150502211135606)
3.如果你希望在Visual Studio Code 直接编译ts的代码,你必须在项目中添加tasks.json ,这里需要注意要添加
"isShellCommand": true,因为这个是需要出发命令行中的tsc , 并把args属性的HelloWorld去掉
![](https://img-blog.csdn.net/20150502211957737)
4. 设置成功后,你就可以通过Cmd + Shift + B 进行编译,编译成功会为你的ts 生成.js和.js.map的文件
![](https://img-blog.csdn.net/20150502212440724)
Mac上使用的一个大坑
这个其实更多是关ASP.NET 5 beta 4 + Mono 的Bug , 具体请看 :https://github.com/aspnet/Home/issues/498 , 现在我是通过命令行设置 export MONO_MANAGED_WATCHER=false
去解决。大家一定一定要注意。
Visual Studio Code 是一个轻量级的代码工具,是微软开放和拥抱开源的一个踏脚石。相信会越来越强大,并有一个美好的将来。
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上
![](http://static.blog.csdn.net/xheditor/xheditor_emot/default/titter.gif)
这是一个靠谱的工具呀!
在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版本管理,通过这个你可以对项目进行版本管理(
![](http://static.blog.csdn.net/xheditor/xheditor_emot/default/laugh.gif)
这比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 是一个轻量级的代码工具,是微软开放和拥抱开源的一个踏脚石。相信会越来越强大,并有一个美好的将来。
相关文章推荐
- 《算法4》 Windows/Mac环境下使用Visual Studio Code和Orcale JDK1.8开发环境搭建
- 剖析并利用Visual Studio Code在Mac上编译、调试c#程序【转】
- visual studio code and unity||mac 下使用visual studio 调试unity代码
- 配置Visual Studio Code在Mac上作为.NET Core的IDE
- 剖析并利用Visual Studio Code在Mac上编译、调试c#程序
- visual studio code 在 mac 下按 F12无效
- Visual Studio Code 快捷键 Mac 版
- visual studio code 配置python3环境(Mac下和windows下一样)
- Mac上使用Visual Studio Code开发/调试.NET Core代码
- 编码新利器——Visual Studio Code
- ionic2——开发利器之Visual Studio Code 常用插件整理
- 在 Mac 下配置 Visual Studio Code 为 Unity 代码编辑器
- Windows/Mac平台下Visual Studio Code C++开发环境搭建
- 在Mac上使用Visual Studio Code开发/调试.NET Core代码
- 编码新利器——Visual Studio Code
- 剖析并利用Visual Studio Code在Mac上编译、调试c#程序
- Visual Studio Code + Golang1.5 debug + MAC OS X 10.11
- Visual Studio Code for mac
- 如何在Mac OS X上安装和使用Visual Studio Code和ASP.NET 5
- First ASP.NET Core Application on a Mac Using Visual Studio Code