记录重新配置node、npm、git bash、vue等

我在官网下载的版本为：node-v8.7.0-x64.msi

操作系统：win 10

1、双击node-v8.7.0-x64.msi，根据图形界面的提示一步一步安装；

可参照：https://blog.csdn.net/u010255310/article/details/52205132

2、安装完成之后，win+R，运行cmd调出命令行面板，输入node -v 或者node --version可查看已安装的node的版本

3、由于新版本的nodeJs已经集成了npm，所以npm也一并安装好了，使用npm -v来测试是否安装成功

此处是是显示安装成功了，但是打开git bash，输入npm -v，报如下错误

后来查询资料得知，windows安装了nodeJs之后，虽然可以在命令行使用npm命令，但是要想在git bash中使用，得先使用npm全局安装cnpm：$ npm install -g cnpm --registry=https://registry.npm.taobao.org

但是如上图，报错信息为：

npm ERR! path C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm
npm ERR! code EPERM
npm ERR! errno -4048
npm ERR! syscall rename

npm ERR! Error: EPERM: operation not permitted, rename 

'C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm'-> 'C:\Users\Administrator\AppData\Roaming\npm\node_modules\.cnpm.DELETE'

npm ERR!  { Error: EPERM: operation not permitted, rename 

'C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm'-> 'C:\Users\Administrator\AppData\Roaming\npm\node_modules\.cnpm.DELETE'

npm ERR!   errno: -4048,
npm ERR!   code: 'EPERM',
npm ERR!   syscall: 'rename',
npm ERR!   path: 'C:\\Users\\Administrator\\AppData\\Roaming\\npm\\node_modules\\cnpm',
npm ERR!   dest: 'C:\\Users\\Administrator\\AppData\\Roaming\\npm\\node_modules\\.cnpm.DELETE' }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.
npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2018-05-22T13_15_15_837Z-debug.log

目前不清楚为什么出现这个错误，但是解决方法如下：

删除C:\Users\Administrator\AppData\Roaming\npm\node_modules\.cnpm.DELETE，然后重新输入：

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

cnpm就能安装成功了。

4、使用cnpm安装全局的vue-cli

$ cnpm install --global vue-cli

5、进入一个目录，初始化一个基于webpack的vue项目

输入：$ vue init webpack my-blog-zing（最后的是项目名字）

等待依赖安装完成之后，会出现启动项目的提示信息

然后去浏览器地址栏输入：http://localhost:8080

ps：仅仅是记录一下。