# vue完整项目 **Repository Path**: weloves/vue_complete_project ## Basic Information - **Project Name**: vue完整项目 - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2018-06-11 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # gyw > A Vue.js project ## Build Setup ``` bash # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report # run unit tests npm run unit # run e2e tests npm run e2e # run all tests npm test ``` vue-cli目录结构介绍 ![vue-cli目录结构介绍](https://gitee.com/uploads/images/2018/0423/105140_9d65bf3c_878247.png "20171126152635816.png") + build文件主要是webpack的配置,主要启动文件是dev-server.js,当我们输入npm run dev首先启动的就是dev-server.js,它会去检查node及npm版本,加载配置文件,启动服务。 ![build文件主要是webpack的配置,主要启动文件是dev-server.js,当我们输入npm run dev首先启动的就是dev-server.js,它会去检查node及npm版本,加载配置文件,启动服务。](https://gitee.com/uploads/images/2018/0423/105243_59c548b4_878247.png "20171126152702891.png") + config文件主要是项目相关配置,我们常用的就是当端口冲突时配置监听端口,打包输出路径及命名等 ![config文件主要是项目相关配置,我们常用的就是当端口冲突时配置监听端口,打包输出路径及命名等](https://gitee.com/uploads/images/2018/0423/105312_838f66e4_878247.png "20171126152742787.png") For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).