VUE项目目录结构

项目基本结构

build/  ----编译用到的脚本
config/ ----各种配置
dist/   ----打包后的文件夹
node_modules/   ----node第三方包
src/     ----源代码
static/  ----静态文件
index.html   ----最外层文件
package.json   ----node项目配置文件复制代码

 

build文件夹目录详解

build.js    打包时使用，不要修改
check-versions.js     检查npm版本，不要修改
utils.js   css/sass等文件的生成，不要修改
vue-loader.conf.js   辅助加载vuejs用到的css source map等内容，非常重要的配置文件，不要修改
webpack.base.conf.js\webpack.base.conf.js\webpack.base.conf.js   这三个是基本的配置文件，不要修改复制代码

 

config文件夹

dev.env.js    开发模式下的配置文件，一般不用修改
index.jsz     生重要文件,开发时的端口（默认8080），图片文件夹（默认static),开发模式下的地理服务器，修改的较多
prod.env.js   生产模式下的配置文件，一般不用修改复制代码

node_modules文件夹

node项目用到的第三方包。npm install 产生的。定义的第三方包都会在package.json中出现

node_modules：这个文件夹不要放到git中

 

package.json:

 

 

 

src文件夹

 

核心代码都会在这里：一般常用的如下：
assets     用到的图片都是可以放到这里的
components    用到的视图和组件所在的文件夹（核心）
router/index.js    路由文件，定义各个页面对应的url
App.vue  页面模板文件，所有其他vuejs页面，都是该模板的一部分
main.js   没有实际的业务逻辑，但是为了支撑整个vuejs框架，存在很有必要，一般引入UI组件在这里操作复制代码