《TypeScript》一文入门Webpack构建工程化项目，焦虑的移动互联网开发者如何破局

进入项目文件夹

npm install typescript -D

安装成功后，可以在package.json中的devDependencies属性中查看到typescript安装的版本，另外，如果安装需要安装指定版本，那么需要指定版本号，比如

npm install typescript@3.0.0 -D

初始化Typescript

---

Typescript也是有配置文件的，就和package.json一样，进入项目文件夹，输入命令

tsc --init

此时会在当前的路径下生成一个名为：tsconfig.json，的文件，这个文件是对Typescript的描述，里面的配置信息采用默认的就行

​

之后安装ts-loader，这个loader是用来解析TS代码的，因为TS代码本身是不被支持的，浏览器也好还是node也好，最终认识的还是JS代码，因此，开发完的TS项目还是要转成JS代码，安装的命令如下

npm install ts-loader -D

安装好了之后，需要配置，配置的话需要配置在webpack的里，具体请看下一节

​

安装Webpack

---

webpack也可以分为全局安装和局部安装，建议全局安装一个，然后也是局部安装一个

​

全局安装

npm install webpack -g

​