NodeJs下、vue的开发环境 npm安装步骤

首先安装node.js文件（可在nodeJs官网直接下载）

cmd→ 回车

→ node -v → 回车   （查看node版本）
→ npm -v → 回车     （查看npm 版本）
→ npm install -g cnpm --registry=https://registry.npm.taobao.org （安装淘宝镜像）→ 回车

1.安装 vue
→ cnpm install -g vue-cli → 回车
→ cnpm install webpack -g → 回车
→ 桌面新建英文名的文件夹
→ cd 桌面文件名路径 → 回车
→ vue init webpack myvue → 回车
→ 回车 → 回车 → 回车 → 回车→ 出现(Y/N)
→ Y→ 回车
→ N回车 → N回车 → N回车 → 出现myself →回车
→ cd myvue → 回车
→ npm install → 回车
→ npm run dev → 回车，出现端口号

浏览器打开输入：   http://localhost:8080

显示如下：

即安装成功！

修改端口：
→ myvue 的build 文件不动
→ config → index.js → port：8080
→ 修改后保存 → 关掉cmd
→ 重启cmd → cd 将桌面文件名路径拖到cd后 → 回车
→ npm run dev → 回车，出现端口号

2.使用cnmp安装react

→ cnpm install -g create-react-app → 回车

→ create-react-app my-app → 回车

→ cd my-app/  → 回车

→ npm start → 回车

安装完成浏览器的页面效果如下:

wbestorm 读取   .vue文件
wbestorm → file → Settings → file types → HTML，右下"+"
→ 输入 *.vue → ok → ok