项目基本结构
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组件在这里操作复制代码