nodejs安装 cnpm淘宝镜像安装 初始化vue项目并启动

下载node.js

nodejs 所有历史版本.

nodejs安装

1. 准备nodejs的安装目录, 无脑下一步，安装完了就是这个样子（安装完成后，电脑会自动添加path环境变量）
   D:\mydev\nodejs\node
   
   

2. 准备好两个空文件夹
   

以上的结构一定要和我的一样
这两个空文件夹的作用：
node_global : npm全局安装位置
node_cache：npm 缓存路径

安装淘宝镜像cnpm

1. 进入cmd命令行，输入命令设置全局模块的安装路径到node_gobal文件夹，缓存到node_cache文件夹
   npm config set prefix “D:\mydev\nodejs\node_global”
   npm config set cache “D:\mydev\nodejs\node_cache”

2. 上一步设置好之后，安装淘宝镜像
   npm install -g cnpm --registry=http://registry.npm.taobao.org

3. 此时发现 cnpm 的命令安装到 D:\mydev\nodejs\node_global 文件夹下就是正确的。
   再配置好cnpm 的path 环境变量， 方便使用 D:\mydev\nodejs\node_global 文件夹下的命令.
   

初始化vue项目

1. 安装vue-cli 脚手架
   打开新的命令窗口 ，输入 cnpm install -g vue-cli
   建议用cnpm淘宝镜像安装, 会很快. 完成后，检查文件夹 D:\mydev\nodejs\node_global 下是否有 vue 相对应的命令
   

2. 在目标工程目录下， 打开cmd命令窗口
   vue init webpack firstvue_pro
   一路y/n
   初始化出vue脚手架项目
   

3. 在 cmd 命令切换到 firstvue_pro 项目的根目录下。
   安装依赖
   cnpm install
   npm install

4. 启动项目
   启动项目之前 更改项目端口为 8888 (默认为8080 ,容易冲突)
   修改config/index.js
   
   最后项目根目录下 命令行 输入
   npm run dev