已经拿到手的Vue项目该如何启动？

一、前言

许多Vue项目启动的帖子内容都太复杂了，老手不需要看，新手又看不懂。实际上启动一个Vue项目只需要三步。

二、准备工作

1. 一个拿到手的Vue项目
2. 电脑已经安装了Node.js环境
3. 开发软件：VScode

三、启动

1. 检查你的Vue项目是否完整

一个完整的Vue项目至少应该包括如下内容：

├── node_modules       // 模块文件夹：项目启动时需要的依赖
├── public             // 公共文件夹：存放网页icon、入口网页、公共文件资源等
│  	├─index.html           
│  	└─favicon.ico     	        
├── src                // 资源文件夹：存放路由、接口、vue组件等的集合
│  	├─components 
│  	├─...    
│  	├─main.js          // Vue入口文件         
│  	└─App.vue          // 最上层App组件
├── .gitignore         // git提交配置文件（非必须）
├── jsconfig.json      // 配置路径别名、代码检查等
├── babel.config.js    // 将新ES6以上语法转换成JS基本语法
├── vue.config.js      // Vue基础配置文件
├── package-lock.json  // 锁定依赖版本 管理文件（非必须）
├── package.json       // 项目名称、项目启动指令、项目依赖一览 等配置文件
├── README.md          // 项目说明文档（非必须）
├── ...

2. 检查Node.js环境是否正确配置

1. win+r打开 运行 输入cmd打开控制台，接着输入node -v 和 npm -v
   
2. 如果你像上面这样成功输出Node.js和npm的版本，说明环境已经成功配置（直接跳至第四步 ）
3. 如果报错显示不是内部或外部指令说明你的node版本还没有安装
   如何优雅的安装Node.js

4. 运行项目

用VScode打开你的项目，按ctrl+ ~打开控制台

1. 检查你的项目是否有node_modules文件夹，如果没有你还需要安装依赖，输入npm install等待依赖安装完毕
   

2. 如果你的项目是完整的，已经有node_modules了，直接运行npm run serve启动项目就可以了

3. ps. npm run serve报错？打开项目的package.json文件
   

4. 好啦，如果上面三步你都正确无误，应该就能正常看到网站了