vue2 eagles项目爬坑之路 —— 搭建Vue开发环境

安装

安装git

windows下安装git bash, 下载地址：https://git-for-windows.github.io/

安装Nodejs

下载地址：http://nodejs.cn/

下载对应系统最新版本，解压到某一个目录即可

配置环境变量Path

更改NPM源为国内淘宝源

npm config set registry https://registry.npm.taobao.org

安装vue-cli

npm install -g vue-cli

通过脚手架创建应用

vue init webpack eagles

安装依赖组件\编译\运行

npm install
npm run dev

# 编译
npm run build

输入访问地址 http://localhost:8080，进入页面

目录结构说明

.
|-- build                        // 编译目录
|   |-- build.js
|   |-- check-versions.js
|   |-- dev-client.js
|   |-- dev-server.js
|   |-- utils.js
|   |-- vue-loader.conf.js
|   |-- webpack.base.conf.js
|   |-- webpack.dev.conf.js
|   `-- webpack.prod.conf.js
|-- config                      // 配置目录
|   |-- dev.env.js
|   |-- index.js
|   `-- prod.env.js
|-- index.html                 // 首页模板
|-- node_modules               // 依赖组件
|-- package.json               // 依赖配置
|-- README.md
|-- src                        // 源码
|   |-- App.vue
|   |-- assets                 // 资源目录
|   |   `-- logo.png
|   |-- components             // 组件
|   |   `-- Hello.vue
|   |-- main.js                // 入口程序
|   `-- router                 // 路由
|       `-- index.js
`-- static                     // 静态资源目录