安装npm与cnpm

【安装步骤】

一、安装node.js

1.官网下载node.js

安装路径选择  D:\Program Files\nodejs  （英文路径即可）

cmd窗口输入  npm-v  检测是否安装成功（安装成功后会出现版本号）

2.配置环境变量

（1）配置npm的全局模块的存放路径以及cache的路径，例如两个文件夹放在NodeJS的主目录下，便在NodeJs下建立"node_global"及"node_cache"两个文件夹，输入以下命令改变npm配置

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

3.系统环境变量配置

（1）找到系统变量

 

 

 （2）在系统变量下，新增【NODE_PATH】，输入："D:\Program Files\nodejs\node_modules";

 

 

 

 

（3）在用户变量下，修改【Path】，输入："D:\Program Files\nodejs\node_global"

 

（4）在系统变量下，修改【Path】,添加
npm命令：D:\Program Files\nodejs
vue命令：D:\Program Files\nodejs\node_global

 

（5）测试环境变量是否配置正确
进入cmd窗口，执行“npm install express -g”命令，安装最常用的express模块。

 

3.安装淘宝镜像npm（cnpm)

cmd窗口输入以下代码

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

 检测是否安装成功  

继续输入 npm-v

 

二、搭建vue项目环境

 

1.安装vue  和 vue-cli

（1）安装vue： npm install vue

（2)安装vue-cli :   npm install vue-cli ( 每次使用都需要安装一次）

       安居安装vue-cli :  npm install -g vue-cli(一次安装即可）   选择全局安装即可

2.进入你的项目目录，创建一个基于 webpack 模板的新项目: vue init webpack 项目名

　说明：

　　　　Vue build ==> 打包方式，回车即可；

　　　　Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；

　　　　Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我们不需要 所以 n 回车；

　　　　Set up unit tests ==> 是否安装 单元测试工具 目前我们不需要 所以 n 回车；

　　　　Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车；

3.cd进入项目目录下安装依赖

cd vue-demo
cnpm i

4.启动项目

npm run dev

项目启动成功显示：

浏览器输入localhost：8080

 

 

参考博客：

Vue初学之使用webpack模板创建项目_weixin_34007886的博客-CSDN博客

安装npm及cnpm(Windows) - 山高我为峰 - 博客园 (cnblogs.com)

Node.js安装及环境配置 - 淞潇洋 - 博客园 (cnblogs.com)

如何搭建一个vue项目(完整步骤) - 对方屌丝正在输入中 - 博客园 (cnblogs.com)