框架Vue-cli: 3axios：发送请求Vuex：store仓库项目目录结构dist：生成的打包目录node_modules：依赖包目录public： 放置系统的静态文件，比如，图片，全局配置文件srcapi: 后端接口文件存放文件夹assets: 放置图片，图标，css样式等静态文件components: 全局公用的组件放在这里面router: 路由配置文件存储文件夹store: 本地仓库配
作者：阿安链接：https://www.zhihu.com/question/38213423/answer/128155176来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。基于 vue-cli 脚手架生成项目模板基础上做了些改动，加入了 vue-router ，vuex 等配套设施，本地 dev server 中加入了接口 mock 功能，
转载
2021-08-02 15:23:16
260阅读
dist:用于存放我们 使用 npm run build 命令打包的项目文件node_modules:用于存放我们项目的各种依赖，比如axios等等，没有moudles文件，项目就没法运行，可以使用 npm install进行项目依赖的安装public:用于存放静态文public/index.html:是一个模板文件，作用是生成项目的入口文件，webpack打包的js,css也会自动注入到该页面中
我们使用了 npm 安装项目，我们在 IDE（Eclipse、Atom等） 中打开该目录，结构如下所示： 目录解析 目录/文件说明 build 项目构建(webpack)相关代码 config 配置目录，包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 s ...
转载
2021-09-29 13:41:00
336阅读
2评论
目录结构与文件配置说明 首先对目录结构进行说明， 1.build目录，主要利用webpack与node插件启动一些相关服务的js文件 2.config目录主要是针对开发环境，生产环境，测试环境的配置信息 3.src是我们自己开发时的源码目录（可指定修改名称） 4.static是一些第三方库的包用到的
转载
2017-03-11 16:14:00
123阅读
2评论
常用的Vue项目的一个目录结构和每个文件的作用 project dist build，编译生成的包 node_modules 通过npm下载的一些外部文件 public 这个和src的assets文件夹都是用来存储静态资源的。这里的资源不会经过webpack打包处理 src assets 存放资源， ...
转载
2021-09-29 08:42:00
252阅读
2评论
node_modules 依赖src 源码.bablerc bable配置.gitignore git忽略文件index.html html入口文件【通常在这里加移动端的view-port】packag
Vue项目目录结构梳理 by:授客 QQ：1033553122 1. 结构梳理 . ├── build/ # webpack 配置文件； │ └── ... ├── config/ # 与项目构建相关的常用的配置选项； │ ├── index.js # 主配置文件 │ ├── dev.env.js
原创
2021-06-01 10:44:28
1080阅读
系列导航 vue学习笔记 一、环境搭建 vue学习笔记 二、环境搭建+项目创建 vue学习笔记 三、文件和目录结构 vue学习笔记 四、定义组件(组件基本结构) vue学习笔记 五、创建子组件实例 项目创建好本节讲解一下，项目的目录结构 一、目录结构截图 二、目录： node_modules:存放所 ...
转载
2021-09-30 12:27:00
109阅读
2评论
vue cli2 项目的目录结构简单的说一下 vue cli2 项目的目录结构。1. 创建项目vue cli2 创建项目2.目录结构先看图文件结构细分 1.build——[webpack配置] build文件主要是webpack的配置，主要启动文件是dev-server.js，当我们输入npm run dev首先启动的就是dev-server.js，它会去检查node及npm版本，加载配置文件，启
1.初始目录结构如下： 2.目录结构介绍目录/文件说明build最终发布的代码存放位置。config配置目录，包括端口号等。我们初学可以使用默认的。node_modulesnpm 加载的项目依赖模块src这里是我们要开发的目录，基本上要做的事情都在这
原创
2022-02-28 11:02:18
82阅读
代码：https://gitee.com/xproer/up6-vue-cli1.引入up6组件2.配置接口地址接口地址分别对应：文件初始化，文件数据上传，文件进度，文件上传完毕，文件删除，文件夹初始化，文件夹删除，文件列表3.定义事件
vue项目目录结构详解 一、总结 一句话总结： vue的目录结构相对而言比较简单，我们主要要操作的就是src目录，在components目录下写主键，在router目录下写路由 1、vue一般是做什么的？ 基于 vue.js 的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用 ES N
转载
2020-03-13 10:28:00
1011阅读
2评论
├── VueProject | ├── node_modules // 当前项目所有依赖，一般不可以移植给其他电脑环境 | ├── public | | ├── favicon.ico // 标签图标 | | └── index.html // 当前项目唯一的页面 | ├── src | | ├─ ...
转载
2021-09-07 00:30:00
128阅读
2评论
1.初始目录结构如下： 2.目录结构介绍目录/文件说明build最终发布的代码存放位置。config配置目录，包括端口号等。我们初学可以使用默认的。node_modulesnpm 加载的项目依赖模块src这里是我们要开发的目录，基本上要做的事情都在这
原创
2021-07-09 16:42:28
164阅读
目录解析 目录/文件说明 build 项目构建(webpack)相关代码 config 配置目录，包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件： assets:
最近做一些CI+Vue开发的简单项目，由于刚开始一直从事后端，对Vue了解不是很多，fork了团队的项目代码发现项目的文件夹很多，一时间有些懵，上网上参考了部分资料，博客园中的放晴的天空与狮子爱吃草两位的博客提供了很大的帮助，现将该部分知识做以下总结。下图为Vue项目文件夹： 以下就项目文件夹中的各文件的作用进行介绍： ├── build/ # Webpac
