问题解决:解决Windows安装使用npm(Nodejs)、用vscode使用ts文件

1、下载nodejs文件

http://nodejs.cn/

如图进入nodejs官网:

根据自己电脑实际的配置进行选择安装合适的Nodejs版本。

根据选择后进行下载。

2、配置环境

根据电脑配置选择合适的版本进行安装。window下载.msi文件或者.zip压缩包,我这里选择的是(node-v8.11.1-win-x64.zip)。解压即可使用,再到高级设置里配置一下Path路径,将解压后的node文件路径加入即可全局使用。

3、验证安装是否成功

ndoe -v:可以验证node的版本

npm -v:可以验证npm的版本

 4、利用npm安装typing模块

(1)使用npm全局安装typings

npm install -g typings

(2)安装语法插件安装语法插件,以安装node.js自动补全为例,在项目根目录下使用bash或者cmd,输入

typings install dt~node --global

其中”dt~”为使用DefinitelyTyped类型定义的意思,vscode可以识别这种定义。 
之后可以看到在项目目录下出来了新的文件夹“typings” 

现在输入process,自动地补全出来了~window下可能需要重启下vscode才能看到自动补全的效果。 

-express、lodash等的自动补全

类似地,可以使用以上的方法,实现其他模块的自动补全。

typings install dt~express --global
typings install dt~lodash --global

//vscode官方文档上express的typings使用的是
typings install dt~express dt~serve-static dt~express-serve-static-core --global

关于typings的其他相关.

基本用法

语法复制自typings的Quick Start,个人对注释本地化了一下。

# 安装Typings的命令行代码. 
npm install typings --global

# 搜索对应模块的typings定义. 
typings search tape

# 根据名称寻找一个可获得的typings定义. 
typings search --name react

# 如果你用一个独立包的模块: 
# 或者并不是安装全局模块
# 比如并不是在命令行通过输入npm install -g typings这种方式安装的. 
typings install debug --save

# 如果是通过script标记
# 或者是子环境的一部分
# 或者全局typings命令不可用的时候: 
typings install dt~mocha --global --save

# 从其他版本处安装typings定义(比如env或者npm). 
typings install env~atom --global --save
typings install npm~bluebird --save

# 使用该文件`typings/index.d.ts` (在`tsconfig.json`文件使用或者用 `///` 定义). 
cat typings/index.d.ts

=============================================华丽的分界线========================================

当在cmd中输入如下代码时,发现并没有按照我们的预期成功安装,而是出现如下问题:

npm search @types/lodash
npm install @types/lodash --save-dev

 出现的问题:

 或者出现此问题:

npm ERR! code ETIMEDOUT
npm ERR! errno ETIMEDOUT
npm ERR! network request to https://registry.npmjs.org/hexo-generator-feed failed, reason: connect ETIMEDOUT 104.16.23.35:443
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly.  See: 'npm help config'

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Administrator\AppData\Roaming\npm-cache\_log\2018-07-24T16_30_05_726Z-debug.log

问题解决:

使用
npm install -g npm
然后就解决了,再安装包没有问题了。

5、安装TypeScript,并验证是否安装成功。

在cmd命令行中输入

cnpm install -g typescript

之所以不是使用npm install -g typescript是因为此方法需要翻墙使用,因此我们不能采用此方法。

运行结果如下:

此时提醒typescript安装后成功,可以在进行一次验证:

tsc -v

看到也的确安装成功:

发布了78 篇原创文章 · 获赞 5 · 访问量 8305

猜你喜欢

转载自blog.csdn.net/qq_36789311/article/details/101051744