运行github上下载的vue项目

一只IT攻城狮

已于 2023-06-07 15:43:12 修改

阅读量7.8k

点赞数 17

分类专栏：其他文章标签： github node.js vue.js

于 2021-09-01 18:00:24 首次发布

本文链接：https://blog.csdn.net/weixin_47061482/article/details/120040503

版权

29 篇文章 1 订阅

订阅专栏

一、环境准备

在搭建vue的开发环境之前，一定一定要先下载node.js，vue的运行是要依赖于node的npm的管理工具来实现，可以从：[官网]http://nodejs.cn/download/根据你的系统选择对应的下载：
在这里插入图片描述
下载完安装包后，一直下一步安装，最后确认安装是否成功：

输入node -v 提示版本即安装成功，也顺便检擦一下npm版本，
输入npm -v提示版本（安装node会自带npm）：
在这里插入图片描述

由于在国内使用npm是非常慢的，所以在这里我们推荐使用淘宝npm镜像，使用淘宝的cnpm命令管理工具可以代替默认的npm管理工具。在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待完成。

vue-cli脚手架，输入命令：cnpm install --global vue-cli 回车，等一会；验证是否安装成功，在命令输入vue，出来vue的信息，及说明安装成功；
在这里插入图片描述

eg: https://github.com/PanJiaChen/vue-element-admin

进入项目目录，执行 cnpm install ，等待安装。
在这里插入图片描述安装完成之后，会在我们的项目目录vue-element-admin-master文件夹中多出一个node_modules文件夹，这里边就是我们项目需要的依赖包资源。

在项目目录中，运行命令 npm run dev ，会用热加载的方式运行我们的应用，热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。
在这里插入图片描述
运行成功会自动打开浏览器：

关注

专栏目录