[vue]npm启动导入/运行vue的项目

npm启动导入vue的项目

1.从github上下载.zip文件，然后解压，或者时代码库中进行git clone代码；

2.在cmd进入文件夹；

3.安装项目：npm install

4.编译：npm run serve

浏览器中打开localhost:8080

如何运行  下载的GitHub项目

一 准备工作：

Node.js环境（npm包管理器）

vue-cli 脚手架构建工具

cnpm npm的淘宝镜像

二 安装node.js 略

cmd 输入node -v 有版本号 则安装成功

三 npm包管理器 直接集成在node上的

cmd 输入 npm -v 有版本号 则安装成功

OK！node环境已经安装完成，npm包管理器也有了。由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像---cnpm。

四 安装cnpm

在cmd 中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待，安装完成

五 安装vue-cli脚手架构建工具

在cmd中运行命令 cnpm install -g vue-cli ，然后等待安装完成。(注意，这里使用cnpm来替代npm，不然速度超级慢，会导致卡在那)

六 安装项目所需依赖 进入项目所在目录 D:\workspace\vue 然后运行命令 cnpm install ，等待安装。

安装完成之后，会在我们的项目目录文件夹中多出一个node_modules文件夹，这里边就是我们项目需要的依赖包资源。

七 运行项目

运行命令 npm run dev ，会用热加载的方式运行我们的应用，热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。

这里简单介绍下 npm run dev 命令，其中的“run”对应的是package.json文件中，scripts字段中的dev，也就是 node build/dev-server.js命令的一个快捷方式。

项目运行成功后，浏览器会自动打开localhost:8080（如果浏览器没有自动打开，可以手动输入）。运行成功后，会看到如下所示的界面。