搭建TypeScript开发环境(基于Visual Studio Code和Node.js)
2017-11-13 13:00
459 查看
整个环境的搭建,分为三个部分。其中node.js和TypeScript的安装是重点,其他一带而过。
(1)node.js的安装
官方网址为:https://nodejs.org/en/download/
npm再node.js安装过程中,将被一并安装。全称为Node Packet Manager,是一个nodejs的包管理工具。在TypeScript安装时,将被用到。
安装完毕后,可以通过查看版本的方式,确认安装成功。
这里需要单独设置一个环境变量NODE_PATH,用于后面的TypeScript安装。
C:\Program Files\nodejs\为node.js的安装目录
node_global目录为用户手动创建的自定义目录,之后TypeScript将会安装到该目录下。
(2)visual studio code安装
官方网址为:https://code.visualstudio.com/
直接安装就好,不再啰嗦。
(3)TypeScript安装
TypeScript需要使用npm通过命令行安装。国内安装需要代理。
首先,先清空一下代理
之后,设置代理,我们这里使用淘宝的。如果公司内部有相应的代理,也可以使用公司的。
接着,安装TypeScript
更新TypeScript,则需要
安装完毕后,可通过查看版本的方式,确认是否安装成功。
参考文章:
(1)https://segmentfault.com/a/1190000006124164
(2)http://blog.csdn.net/x386277405/article/details/78297526
(3)http://blog.csdn.net/hopewsw/article/details/54426597
(1)node.js的安装
官方网址为:https://nodejs.org/en/download/
npm再node.js安装过程中,将被一并安装。全称为Node Packet Manager,是一个nodejs的包管理工具。在TypeScript安装时,将被用到。
安装完毕后,可以通过查看版本的方式,确认安装成功。
node -v
npm -v
这里需要单独设置一个环境变量NODE_PATH,用于后面的TypeScript安装。
NODE_PATH=C:\Program Files\nodejs\node_global\
C:\Program Files\nodejs\为node.js的安装目录
node_global目录为用户手动创建的自定义目录,之后TypeScript将会安装到该目录下。
(2)visual studio code安装
官方网址为:https://code.visualstudio.com/
直接安装就好,不再啰嗦。
(3)TypeScript安装
TypeScript需要使用npm通过命令行安装。国内安装需要代理。
首先,先清空一下代理
npm config rm proxy npm config rm https-proxy
之后,设置代理,我们这里使用淘宝的。如果公司内部有相应的代理,也可以使用公司的。
npm install -g cnpm --registry=https://registry.npm.taobao.org
接着,安装TypeScript
npm install -g typescript
更新TypeScript,则需要
npm update -g typescript
安装完毕后,可通过查看版本的方式,确认是否安装成功。
tsc -v
参考文章:
(1)https://segmentfault.com/a/1190000006124164
(2)http://blog.csdn.net/x386277405/article/details/78297526
(3)http://blog.csdn.net/hopewsw/article/details/54426597
相关文章推荐
- crossplatform---Nodejs in Visual Studio Code 10.IISNode
- VS Code 调试Node.js express网站(Visual Studio Code)
- Visual Studio Code(vscode) 创建Node.js+Express+handlebars项目
- Nodejs in Visual Studio Code 02.学习Nodejs
- Nodejs in Visual Studio Code 14.IISNode与IIS7.x
- Visual Studio Code (vscode)创建Node.js+Express+handlebars项目——handlebars页面模板
- [乐意黎原创]Node.js 出现Error:Cannot find runtime 'node' on PATH - Visual Studio Code中的解决办法
- Visual Studio Code开发Node.js
- 使用Visual Studio Code对Node.js进行断点调试
- Visual Studio Code (vscode)创建Node.js+Express+handlebars项目--连接数据库ORM模块sequelize
- crossplatform---Nodejs in Visual Studio Code 01.简单介绍Nodejs
- Nodejs in Visual Studio Code 07.学习Oracle
- crossplatform---Nodejs in Visual Studio Code 02.学习Nodejs
- Nodejs in Visual Studio Code 08.IIS
- Visual Studio Code(vscode) 创建Node.js+Express+handlebars项目 --Express概述
- Visual Studio Code 配合 Node.js 轻松实现JS断点调试
- crossplatform---Nodejs in Visual Studio Code 03.学习Express
- Nodejs in Visual Studio Code 03.学习Express
- 如何使用Visual Studio Code调试Node.js
- crossplaform---Nodejs in Visual Studio Code 04.Swig模版