Node环境配置

Node环境及配置参考

nvm for windows

nvm是一个Node的版本管理模块，使用它可以随时切换Node环境。

注意: 安装 node 前保证自己电脑中的node，npm已卸载干净

nvm安装

nvm-windows

  • 查看当前版本

    1
    nvm  --version

  • 查看当前已安装 node 的版本

    1
    nvm ls

  • 安装某版本 node， 根据 LTS 查看此处安装 8.11.1

    1
    nvm install 8.11.1

  • 使用某版本 node 

    1
    nvm use 8.11.1

  • 检查本地是否存在 node 

    1
    node -v

nrm管理下载源

nrm 是为了解决切换 npm 源的问题，因为如果直接通过 npm 手动设置 registry 非常麻烦，并且不容易记忆，因此，才有了 nrm 的出现。npm的官方源对广大中国开发者来说较卡，因此推荐 cnpm 或者 taobao。

nrm 是为了解决切换npm 源的问题，因为如果直接通过 npm 手动设置 registry 非常麻烦，并且不容易记忆，因此，才有了nrm的出现。 npm的官方源对广大中国开发者来说较卡，因此推荐 cnpm 或者 taobao。

nrm的安装

有了npm后，一切都变得非常简单，全局安装 nrm, 使用taobao源下载

1
npm install -g nrm

  • 查询当前有哪些可用源

    1
    nrm ls

  • 切换淘宝源

    1
    nrm use taobao

  • 测试源延迟毫秒数 (也与当前网络环境有关)

    1
    nrm test

python 安装

node-gyp模块需要安装python(python (v2.7 recommended, v3.x.x is not supported)

python依赖.net framework 4.5

解决方式1：

1
2
# run as Administrator
npm install --global --production windows-build-tools

解决方式2：自己到微软的官网下载最新的.net framework安装。

node-gyp配置python

注意：

node-gyp官网

因为python有v2和v3版本，并且两个版本不兼容，如果电脑上有应用软件使用python的版本不同，

最好不要把python路径配置到系统path中。

1
2
# 如果你使用node-gyp单独编译一些模块，则这样配置（多数情况下是通过npm调用的）
node-gyp --python /path/to/python2.7

npm配置python

如果使用npm 调用的node-gyp，则使用npm配置python就可以

1
npm config set python /path/to/executable/python2.7

verdaccio安装

如果搭建npm私服可以参考。verdaccio官网

verdaccio是用来搭建npm私服，已经安装过的模块会缓存起来，以后安装依赖是会优先查看缓存。

安装

1
npm i -g verdaccio

启动

1
verdaccio

配置

配置主要修改使用taobao源和端口修改

1
2
# 配置文件地址：我的window 10是.config非官网说的.local
# C:\Users\你的用户名称\.config\verdaccio
  1. 修改默认端口（如果有需要）
  2. 添加uplinks
  3. 修改使用的proxy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
# 修改默认的端口
listen:
  0.0.0.0:10086

# a list of other known repositories we can talk to
uplinks:
  npmjs:
    url: https://registry.npmjs.org/
  # 添加taobao
  taobao:
    url: https://registry.npm.taobao.org

packages:
  '@*/*':
    # scoped packages
    access: $all
    publish: $authenticated
    # 使用taobao
    proxy: taobao 

  '**':
    # allow all users (including non-authenticated users) to read and
    # publish all packages
    #
    # you can specify usernames/groupnames (depending on your auth plugin)
    # and three keywords: "$all", "$anonymous", "$authenticated"
    access: $all

    # allow all known users to publish packages
    # (anyone can register by default, remember?)
    publish: $authenticated

    # if package is not available locally, proxy requests to 'npmjs' registry
    proxy: taobao # 使用taobao

chrome driver安装

使用淘宝源

1
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

vue项目使用sass

如果使用vue-cli创建项目，并且使用.vue单文件，使用scss来写CSS需要安装两个依赖。

vue-cli默认没有安装node-sass和sass-loader。

安装依赖

1
2
npm install node-sass --save-dev
npm install sass-loader --save-dev

配置webpack

1
2
3
4
5
// webpack.base.config.js 中添加
 {
     test: /\.scss$/,
         loaders: ["style", "css", "sass"]
 }

参考资料

Node.js简介以及环境配置