从零开始用webpack+vue+vuex 搭建前端工程的基本过程

1、下载node

https://nodejs.org/en/download/

2、开始安装

 npm install -g webpack      //安装webpack

从零开始用webpack+vue+vuex 搭建前端工程的基本过程

  npm install -g vue-cli         //安装vue-cli   也叫vue脚手架

从零开始用webpack+vue+vuex 搭建前端工程的基本过程

3、 进入目标目录,执行vue init webpack myVueDome从零开始用webpack+vue+vuex 搭建前端工程的基本过程

进入目标目录

npm install    //安装依赖
npm run dev   //启动项目

从零开始用webpack+vue+vuex 搭建前端工程的基本过程

从零开始用webpack+vue+vuex 搭建前端工程的基本过程

在浏览器输入http://localhost:8080

从零开始用webpack+vue+vuex 搭建前端工程的基本过程

4、项目文件结构

从零开始用webpack+vue+vuex 搭建前端工程的基本过程

5、src目录

从零开始用webpack+vue+vuex 搭建前端工程的基本过程

6、分别看下app.vue和main.js两个重要文件

app.vue
从零开始用webpack+vue+vuex 搭建前端工程的基本过程mian.vue
从零开始用webpack+vue+vuex 搭建前端工程的基本过程