vue初始化项目步骤

初始化项目

看项目

1、布局结构

2、页面使用流程

3、总结页面出现的功能模块

研究协作

git

版本控制

横向

你的代码和别人的代码结合

纵向

你昨天的代码和今天的代码

搭建环境

技术栈：
vue+elemnet+axios+node+mysql

1、解压项目
2、查看项目说明（readme）
3、创建项目需要对应的数据库

当前数据库当中没有shop_db
create database shop_db charset=utf8;

4、配置数据库
config>global.js

5、使用navcate导入数据
6、安装依赖包

npm i

7、启动项目

npm start

8、测试访问
127.0.0.1:3000

创建前端项目

1、通过vue-cli创建vue项目结构

1、检测node版本
node -v
2、检测webpack
webpack -v (npm i webpack -g)
3、检测vue
vue -V 
4、执行创建
vue init webpack [ProjectName]
可以在创建过程当中默认加载vue-router
不加载ESline

2、安装需要的包

1、vuex

2、axios

3、element-ui

npm i vuex axios element-ui -S