创建项目
- 安装软件
- 新建项目
- 框架及第三方库引入
- 项目目录结构分析
- 总结
安装开发软件
正式敲代码之前，我们需要先安装以下软件：
开发IDE:HBuilderX
包管理工具:npm
新建创建
我们可以通过安装npm，使用vue提供的一个脚手架或者说叫做命令行工具 (CLI)新建项目，这里我们使用更便捷的方式，使用HBuilderX直接创建一个新的vue项目，具体操作步骤如下:
使用HBuilderX创建vue项目
框架及依赖库引入
项目创建完成，我们通过npm引入第一篇技术栈中所使用的第三方库和框架：
引入第三方库
安装的指令如下：
npm install element-ui
npm install axios
npm install vue-router
npm install vuex
npm install font-awesome
npm install normalize.css
安装完成后，可以在package.json中看到如下的安装信息：
package.json
同时，还需要在main.js中，引用所引入的库：
import router from './router'
import store from './store'
具体代码见main.js文件。
项目目录结构分析
第三方库引入完成后，我们还需要对项目结构补充完善，以使项目结构更加清晰完善：
项目目录结构
在此项目中添加了store,components,utils等文件夹，具体见截图，可以根据自身项目适当添加。
总结
至此，一个项目框架就算搭建完成了，在此基础上我们就可以愉快地进行项目开发了。
