vue结构描述如下表: 文件夹/文件 描述 build 项目构建(webpack)相关代码 config 配置目录,包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件。
原创
2022-01-18 11:08:42
111阅读
框架Vue-cli: 3axios:发送请求Vuex:store仓库项目目录结构dist:生成的打包目录node_modules:依赖包目录public: 放置系统的静态文件,比如,图片,全局配置文件srcapi: 后端接口文件存放文件夹assets: 放置图片,图标,css样式等静态文件components: 全局公用的组件放在这里面router: 路由配置文件存储文件夹store: 本地仓库配
转载
2024-02-03 22:41:06
31阅读
路径中`@/`代表什么意思,与`./`有何区别呢? import store from '@/vuex/store'import store from './vuex/store' 有什么区别? import store from './vuex/stor...
转载
2020-03-11 09:25:00
202阅读
2评论
vue参考 vue项目结构 一、总结 一句话总结: vue的目录结构相对而言比较简单,我们主要要操作的就是src目录,在components目录下写主键,在router目录下写路由 二、内容在总结中 博客对应课程的视频位置: |-- build : webpack 相关的配置文件夹(基本不需要修改)
转载
2020-03-13 04:36:00
118阅读
2评论
前言: 上篇文章Vue项目结构,我们已经下载安装了node环境以及vue-cli,并且已经成功构建了一个vue-cli项目,so接下来,我们来梳理一下vue-cli项目的结构。一、总体框架一个vue-cli的项目结构如下,其中src文件夹是需要掌握的,所以本文也重点讲解其中的文件,至于其他相关文件,了解一下即可。大致了解即可,后面会详细讲解二、vue-cli项目总体结构...
转载
2021-09-28 15:16:58
207阅读
## 简要说明 - `main.js`主入口,`router.js`路由划分- `plugins` 自己或第三方插件,包括但不限于components、directives、filters、third lib- `pages` 所有路由页面。原则:轻page,重component- `compone ...
转载
2021-10-22 09:52:00
150阅读
2评论
看到最后的帮忙点个赞???????? 谢谢,这个对我真的很重要!
原创
2021-12-29 15:42:02
85阅读
一、启动命令 npm run serve 二、打包命令 npm run build 三、程序入口 main.js main.js import { createApp } from 'vue' import App from './App.vue' import router from './rou ...
转载
2021-08-28 12:06:00
226阅读
2评论
我们使用了 npm 安装项目,我们在 IDE(Eclipse、Atom等) 中打开该目录,结构如下所示: 目录解析 目录/文件说明 build 项目构建(webpack)相关代码 config 配置目录,包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 s ...
转载
2021-09-29 13:41:00
349阅读
2评论
上篇搭建的项目结构如图 简单介绍目录结构build目录是一些webpack的文件,配置参数什么的,一般不用动 config是vue项目的基本配置文件 node_modules是项目中安装的依赖模块 src源码文件夹,基本上文件都应该放在这里。 —assets 资源文件夹,里面放一些静态资源 —components这里
转载
2023-07-31 14:13:19
66阅读
dist:用于存放我们 使用 npm run build 命令打包的项目文件node_modules:用于存放我们项目的各种依赖,比如axios等等,没有moudles文件,项目就没法运行,可以使用 npm install进行项目依赖的安装public:用于存放静态文public/index.html:是一个模板文件,作用是生成项目的入口文件,webpack打包的js,css也会自动注入到该页面中
转载
2023-12-28 23:42:34
90阅读
node_modules 依赖src 源码.bablerc bable配置.gitignore git忽略文件index.html html入口文件【通常在这里加移动端的view-port】packag
原创
2023-10-27 18:01:07
106阅读
Vue项目目录结构梳理 by:授客 QQ:1033553122 1. 结构梳理 . ├── build/ # webpack 配置文件; │ └── ... ├── config/ # 与项目构建相关的常用的配置选项; │ ├── index.js # 主配置文件 │ ├── dev.env.js
原创
2021-06-01 10:44:28
1162阅读
常用的Vue项目的一个目录结构和每个文件的作用 project dist build,编译生成的包 node_modules 通过npm下载的一些外部文件 public 这个和src的assets文件夹都是用来存储静态资源的。这里的资源不会经过webpack打包处理 src assets 存放资源, ...
转载
2021-09-29 08:42:00
255阅读
2评论
架构图以及vue的简介架构图前后端分离总架构图前端架构设计图MVVM架构模式MVVM的简介MVVM 由 Model,View,ViewMo接的联系,而是通过ViewModel进行交互,Mode..
转载
2022-09-28 09:44:49
236阅读
eslink:规范es6的代码风格检测工具。 npm install node-sass -g :全局安装,即使安装之后可以全局使用dode-sass,不用进到工具目录。 .babel:把es6转换成es5,因为很多浏览器不支持es6. .editorconfig:编辑风格 html是入口文件。 package.json: "scripts": { //配置一些脚本 "dev...
转载
2018-04-17 19:08:00
108阅读
2评论