1.检查安装环境

（1）win+r 打开cmd 输入node -v 检查node环境 ，没有的话需要要先安装node环境

NAode 下载地址：https://nodejs.org/en/

2.搭建项目环境

（1）安装yue脚手架

npm install -g vue-cli

我们可以直接在cmd进行安装 也可以在vscode软件终端进行安装

(2)进入自己的项目目录，创建一个基于 webpack 模板的新项目: vue init webpack 项目名

配置的话为了快一点我直接全是No ，可以根据自己需要来确定是Yes还是No。

黄色字体接下来就是我们的启动项目方式

（3）cmd 进入到自己的项目里，需要我们安装依赖  

　　 npm install (or if using yarn: yarn)

当然我们也可以直接用cnpm install  淘宝镜像下载 更快，具体大家可以百度看一看两者区别

 （4）最后我们就可以启动项目了

    npm run dev 

 最后我们就可以看到这个界面

复制 http://localhost:8080到浏览器

 这样一个简单的项目就创建好了

整体项目架构

我们主要在src模块进行编码 ，在实际项目中按照下面的格式更加规范化，更加容易理解。。

 views目录存放一级路由的组件，即视图组件
Components目录存放组件
Store存放vuex相关文件
Router目录存放路由相关文件
Untils目录存放工具js文件
API目录存放封装好的与后端交互的逻辑
Assets存放静态文件