如何打开一个VUE项目
一开始很多刚入手vue.js的人，会扒GitHub上的开源项目，但是发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。
首先，列出来我们需要的东西：
node.js环境（npm包管理器）
vue-cli 脚手架构建工具
npm的淘宝镜像
从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。
安装完成之后，打开命令行工具，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。
npm包管理器，是集成在node中的，所以，直接输入 npm -v就会如下图所示，显示出npm的版本信息。
但是经过我的实践，发现后面不管是使用npm还是使用cnpm，速度都特别慢，所以我在这里推荐使用yarn，安装命令为
npm install -g yarn
安装结束后使用 yarn -v 查看是否安装成功，成功后的截图长这样：
前期准备工作完成，现在进入正题，首先使用cmd进入下载好的项目文件夹以备后用，在项目文件夹中找到README.md，进去就可以看到你怎么启动这个项目了。
比如我手里的这个项目，它的README.md显示内容如下：
所以我使用cmd（不要使用powershell，我不知道为啥，我用powershell使用不了这些指令），根据README.md的提示来运行项目，首先先使用如下命令来安装依赖包（只要下载的项目没问题，这步就不会出现问题，时间可能会根据你下载的项目大小不同而不同，以我下载的项目为例，我花了20分中来安装依赖包）
yarn install
安装时的样子长这样：
安装完后会发现项目文件夹下多出来一个文件夹：
然后接着根据README.md的提示来运行项目，使用第二个命令：
yarn serve
过程如下：
此时命令行会跳转，跳转后长这样：
然后把local后面的网址（http://localhost:3000/）复制到浏览器的网址栏中，回车后就可以进入项目了。
如果你的项目中的README.md文档显示的是如下内容：
我们只需把前面的 yarn install 换成 npm install ，把 yarn serve 换成 npm run dev 就可以了。
以上是 如何打开一个VUE项目 的全部内容， 来源链接： utcz.com/z/376623.html
