npm cnpm vue安装

首先前往nodejs官网下载nodejs

2、然后点击安装，选择自己要安装的路径，此处我选择的是：D:\Program Files\nodejs，安装至完成。
3.window+R,输入cmd,打开命令提示符窗口，输入：

 

npm -v

 

改变原有的环境变量

1、首先配置npm的全局模块的存放路径、cache的路径，此处我选择放在：D:\Program Files\nodejs
输入如下命令：

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache"D:\Program Files\nodejs\node_cache"

 

如下图所示：

完成后可以在文件夹中看到相应名字的文件夹，如下：

2、在系统环境变量添加NODE_PATH,输入路径为：
D:\Program Files\nodejs\node_global\node_modules
操作如下：我的电脑右击，打开属性->高级系统设置->环境变量->新建（系统变量下）->输入变量名NODE_PATH->变量值：输入上面路径，确定即可。

3、在命令行输入以下命令安装express（注：“-g”表示安装到global目录下，就是上面设置的node_global中）

npm install express -g

• 1

可以看到node_global/node_modules下有express了，如图：

4、在命令行输入node进入编辑模式，输入以下代码检测是否能正常加载模块：

require('express')

• 1

如果成功，如上图显示；如果出错，检测下上面配置的NODE_PATH是否配置或者配置正确。

三、安装cnpm

1、安装cnpm，输入以下命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

• 1

如下图：

2、输入cnpm -v ，检测是否正常，但是这里会报错。
3、添加系统变量path的内容
因为cnpm会被安装到D:\Program Files\nodejs\node_global下，而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。
如图，修改系统变量path：

然后再次输入cnpm -v ，结果如下：

---

参考文章：
https://blog.csdn.net/shelly1072/article/details/51524029
https://www.cnblogs.com/yominhi/p/7039795.html

 

出现问题：

 

 一般这种情况是环境变量没配置好，需要重新配置

 

 

 出现下方画面表示安装成功

1. //安装淘宝镜像cnpm

2. npm install -g cnpm --registry=https://registry.npm.taobao.org

3.  

4. //清除淘宝镜像cnpm

5. npm uninstall cnpm -g

6.  

   cnpm 路径（这是我自己安装的路径，系统变量要用）

   

   设置用户变量

   

   设置系统变量（cnpm安装路径）

    

    

   查看版本号

7. node -v

8. npm -v

9. cnpm -v

10. vue --version 或者 vue -V

cnpm: command not found;

https://www.cnblogs.com/ricolee/p/cnpm-error.html

 

安装vue

 cnpm install -g vue-cli
创建第一个项目Project：

vue init webpack myproject

打开json文件有一些依赖

安装：cnpm install 

会在myproject下面安装一个依赖库文件

node_modules

跑myproject项目

npm run dev