如何在安装node\npm\cnpm

时间:2022-11-27 15:24:32
1、安装node.js
node.js的官方地址为:https://nodejs.org/en/download/
根据windows版本后,选择要下载的安装包,下载完毕,按照windows一般应用程序,一路next就可以安装成功,建议不要安装在系统盘(如C:)。
如:E:\Program Files\nodejs
安装完毕在命令行输入以下命令测试是否安装成功,正确会出现版本号。
npm -v
如何在安装node\npm\cnpm
2、设置global和cache路径
设置路径能够把通过npm安装的模块集中在一起,便于管理。
(1)在nodejs的安装目录下,新建node_global和node_cache两个文件夹,如安装目录为“E:\Program Files\nodejs”
如何在安装node\npm\cnpm
(2)用命令
npm config set prefix "E:\Program Files\nodejs\node_global"

npm config set cache "E:\Program Files\nodejs\node_cache"
        设置global和cache,设置成功后,后续用命令npm install -g 安装,模块就在E:\Program Files\nodejs\node_global\node_modules里。
 npm config set prefix "E:\Program Files\nodejs\node_global"
npm config set cache "E:\Program Files\nodejs\node_cache"

3、设置环境变量

说明:设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径。
(1)修改用户变量PATH:把"E:\nodejs\node_global"加到后面。
如何在安装node\npm\cnpm 
(2)新增系统变量NODE_PATH:设置成“E:\nodejs\node_global\node_modules”。
如何在安装node\npm\cnpm
 (3)在命令行输入以下命令试着安装express(注:“-g”这个参数意思是装到global目录下,也就是上面说设置的“E:\Program Files\nodejs\node_global”里面。)
npm install express -g

安装完毕后可以看到.\node_global\node_modules\express 已经有内容

(4)在命令行输入node进入编辑模式,输入以下代码测试是否能正常加载模块:

require('express')

假设成功,可以看到有输出,效果图,如下。假设出错,检查NODE_PATH的路径。

如何在安装node\npm\cnpm

4、安装cnpm
说明:由于许多npm包都在国外,用淘宝的镜像服务器,对依赖的module进行安装。
参考网址为:http://npm.taobao.org/
  (1)输入以下命令
      安装命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org
npm install -g cnpm --registry=https://registry.npm.taobao.org

如何在安装node\npm\cnpm

(2)输入cnpm -v输入是否正常

cnpm -v

如何在安装node\npm\cnpm

5、用cnpm安装vue
安装命令为:cnpm install vue -g
6、安装vue命令行工具
安装命令为:cnpm install vue-cli -g
7、创建工程
(1)cd命令进入将要新建工程的目录,如“E:\nodejs”
用命令"vue init webpack mytest"创建一个基于 webpack 模板的新项目,工程名为"mytest"。
(2)cd命令进入mytest目录
(3)安装该工程依赖的模块
用命令"cnpm install”安装该工程依赖的模块,这些模块将被安装在:mytest\node_module目录下,node_module文件夹会被新建,而且根据package.json的配置下载该项目的modules。
如何在安装node\npm\cnpm
(4)运行项目
用命令“cnpm run dev”测试该项目是否能够正常工作,用nodejs来启动。
然后,就自动在浏览器运行了项目了
如何在安装node\npm\cnpm