vue-cli2工程目录

最新推荐文章于 2024-06-20 10:26:21 发布
最新推荐文章于 2024-06-20 10:26:21 发布
阅读量202 收藏
点赞数
分类专栏： web前端 web前端 文章标签： web node
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZY65871127/article/details/90081912
版权
  • project
    • build 操作文件（npm *在此处）
    • config 配置文件
    • node_modules 依赖文件
    • src 资源文件夹
      • assets 资源文件夹，存放图片之类的资源
      • components 组件文件夹，自己写的组件都放在这个文件夹下
      • router 路由文件夹，决定了页面的跳转规则
      • App.vue 应用组件，所有自己写的组件都是在这个组件之上运行
      • main.js webpack入口文件

上一篇: Mac下 node+vue-cli2+webpack搭建教程
下一篇: Mac下 node+vue-cli3+webpack搭建教程

赵赢
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue 入门之项目目录结构介绍
xiangzhihong8的专栏
05-20 5983
Vue 是一套用于构建用户界面的渐进式框架，与其它大型的页面框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 关于Vue环境搭建的内容，本文不再介绍，不清楚的同学可以访问Vue环境搭建或者查看官网相关内容的介绍： h...
Vue--》超详细教程——vue-cli脚手架的搭建与使用
ztK63LrD的博客
11-14 4619
它简化了程序员基于webpack创建工程化的Vue项目的工程。其好处就是简省了程序员花费时间去配置webpack，从而目标只需专注在撰写项目应用上。，基于vue-cli这个系统，我们就可以快速搭建好“（英文名：Singleagepplication）简称SPA，顾名思义指的是，所有的功能与交互都在这唯一的一个页面内完成。
vue2.x工程目录简介
weixin_33881753的博客
01-22 249
工程目录简介 上一篇文章写了如何利用vue-cli3.0脚手架快速的搭建一个基于vue2.x的工程 这一篇文章就简单介绍一下工程目录结构。 |--dist 打包之后的发布目录 | |--css 存放打包之后的css文件夹 | |--img ...
Vue项目的详细目录结构解析
最新发布
weixin_45131680的博客
06-20 1140
我们在使用Vuevue-demo├── dist //项目构建后的输出目录├── public├── src├── tests //选装：测试模块├── ...dist—— 项目构建打包后的默认输出目录。查看详情 ->—— 项目依赖文件，其中包括很多基础依赖和自己安装的依赖。查看详情 ->public—— 存放公共资源和项目的主入口文件index.html。查看详情 ->src—— 项目核心文件夹：包括项目源码，各种静态资源等等。是我们开发的重点工作目录。查看详情 ->test。
vuecli-CLI2目录结构解析
407指导员
12-30 434
vuecli-CLI2目录结构解析 先看package.json "name": "vuecli2test", "version": "1.0.0", "description": "test vue cli2", "author": "lcq <2226298119@qq.com>", "private": true, "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev
vue-cli2的目录结构解析
lzc2644481789的博客
08-05 1802
一、简介 1. 本文主要介绍vue cli2自动生成的项目结构的解析； 二、项目结构 1. 上图是项目的整体目录结构。我们读这个项目结构的时侯要先从package.json开始读，首先是看package.json中的scripts中的build，可以看出来它是执行 node build/build.js， node是可以直接执行文件的。 所以我们去看看build.js。这里介绍一下，package.json...
vue-cli 工程目录结构详介绍
frontend_frank的博客
10-03 297
问题一：请说出vue-cli工程中每个文件夹和文件的用处vue-cli目录结构：vue-cli目录解析：build 文件夹：用于存放 webpack 相关配置和脚本。开发...
vue使用vue-cli快速创建工程
01-19
本文介绍了vue使用vue-cli快速创建工程，分享给大家，具体如下： vue-cli安装 npm i vue-cli -g vue init webpack-simple vue-todos vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue ...
vue-cli的工程模板与构建工具详解
10-17
其工程目录结构包括： - `README.md`：项目说明文件。 - `index.html`：应用的入口HTML文件。 - `package.json`：项目配置文件，包含依赖项和脚本。 - `src`：源代码目录，包含`App.vue`（主Vue组件）、`assets`...
详解vue-cli多页面工程实践第1/2页
01-21
本文介绍了vue-cli多页面工程实践，分享给大家，具体如下： src目录结构 因为是自定义的设置，src下的目录结构需要固定，约定大于配置嘛。 src目录结构： src/ components/ modules/ # 多页面 index/ # index ...
基于vue-cli创建的项目的目录结构及说明介绍
11-30
一、 ├── build // 项目构建(webpack)相关代码 记忆：（够贱） 9个 ...│ ├── vue-loader.conf.js // vue加载器 │ ├── webpack.base.conf.js // webpack基础环境配置 │ ├── webpack.dev.con
vue-cli工程目录
simple_T的博客
04-17 129
vue工程目录
qq_43595006的博客
08-09 321
vue工程目录
vue cli2 项目的目录结构
weixin_44872023的博客
07-03 2133
vue cli2 项目的目录结构 简单的说一下 vue cli2 项目的目录结构。 1. 创建项目 vue cli2 创建项目 2.目录结构 先看图 文件结构细分 1.build——[webpack配置] build文件主要是webpack的配置，主要启动文件是dev-server.js，当我们输入npm run dev首先启动的就是dev-server.js，它会去检查node及npm版本，加载配置文件，启动服务。 2.config——[vue项目配置] config文件主要是项目相关配置，我们常用的
vue 文件目录结构详解
weixin_44716147的博客
06-11 439
基于 vue.js 的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用 ES Next、scss 等最新语言特性。项目包含： 基础库: vue.js、vue-router、vuex、whatwg-fetch 编译/打包工具：webpack、babel、node-sass 单元测试工具：karma、mocha、sinon-chai 本地服务器：express 目录结构 ├── README.md 项目介绍 ├── index.html 入口页面 ├── build 构
Vue—vue-cli脚手架2.0版本搭建、创建项目、项目目录
雷雨天的雷胖子
05-11 995
目录 一、概述 二、安装步骤 一、概述 vue-cli脚手架可以帮助我们快速创建一个基于webpack模板的项目。 二、安装步骤 第一步：安装webpack 使用npm全局安装webpack，注意，从webpack4开始，webpack本身和它的CLI已经被拆分，不在同一个包里了，目的是为了更好的管理它们。所以安装webpack时，需要执行如下两条指令，分别安装webpack本身和它的CLI。 > cnpm install webpack -g > cnpm install
Vue工程目录详解
weixin_38981118的博客
09-01 286
https://www.cnblogs.com/huangfeihong/p/9141273.html https://www.cnblogs.com/dragonir/p/8711761.html https://www.cnblogs.com/airen123/p/9727914.html https://www.runoob.com/vue2/vue-directory-structu...
Vue CLI 项目目录结构
ckk727的博客
03-26 205
npm install -g @vue/cli //安装CLI npm install -g @vue/cli-init //安装桥接工具，拉取CLI旧版本 vue init webpack myproject //vue2.x版本初始化项目 vue create myproject //vue3.x以上版本初始化项目 Vue2.x初始化项目过程： vue init webpack v...
vue37 —— vuecli2 目录结构
weixin_43899694的博客
11-24 262
视频 build 和 config 里都是配置文件， 从package.json阅读 ... "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "build": "node build/build.js" //node xx.js , 可直接运行js文件 src文件夹 放源码...
描述一下Vue-cli工程目录结构
04-23
Vue-cli工程目录结构通常包含以下文件和文件夹： - node_modules：包含依赖的第三方库和插件。 - public：包含静态资产，如图像、字体和HTML文件。 - src：包含应用程序的所有源代码。 - assets：包含应用程序使用的图像、媒体和样式表等资源。 - components：包含应用程序的所有组件。 - router：包含应用程序的路由配置。 - store：包含应用程序的状态管理配置。 - views：包含应用程序的各个视图。 - App.vue：应用程序的根组件。 - main.js：Vue.js应用程序的入口点。 以上是Vue-cli工程目录的一般规范，具体的结构可以根据需求进行修改和自定义。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值