本地运行 vue 框架项目

本地运行 vue 框架项目

1.git上拉取项目，项目列表：

2.下载安装node.js

npm 的一些缓存和全局安装的包，默认都会在C盘存储，这个对于C盘的宝贵空间来说，实在是不能忍啊，使用下面命令改变npm默认的缓存位置：
(1)在CMD命令行中执行：

//1.改变npm 全局安装位置
npm config set prefix "你的磁盘路径"
//这里是我的路径
npm config set prefix "E:\software\nodejs\global"

//2. 改变 npm 缓存位置
npm config set cache "你的磁盘路径"
//这里是我的路径
npm config set cache "E:\software\nodejs\cache"

(2)然后配置一下系统环境变量
将E:\software\nodejs\global;E:\software\nodejs\global\node_modules;E:\Program Files\vue; 这三个添加到你的系统环境变量中。E:\Program Files\vue是我的vue的安装路径。
3.命令查看node，npm是否安装成功，安装成功后显示版本号

4.在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待，安装完成如下图

5.安装完成后查看版本号

6.将cmd切换到拉取的项目路径下，执行命令 cnpm install 安装依赖，执行完成后发现项目里面多了一个文件夹node_modules

7.执行命令 npm run serve

执行完成出现访问的路径以及端口号，复制这个路径即可访问项目。

运行过程中出现的问题：
1.运行命令npm run dev 出现 npm ERR! missing script: dev 的错误
这是因为vue 版本问题，使用 npm run serve 来运行项目
2.运行vue框架的第二个项目时，按描述安装依赖 npm install，发现安装极其龟速，而且报错（-4048，fetchmetadata:sill pacote range mainfest for babel-help …等等错误信息），用cnpm -v 命令查看之后，发现没有安装淘宝镜像，于是从步骤4开始执行，最后成功运行！