vuecli-CLI2的目录结构解析

最新推荐文章于 2021-06-22 17:04:17 发布
最新推荐文章于 2021-06-22 17:04:17 发布
阅读量445 收藏 1
点赞数
分类专栏： Vue-cli 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vfjcgg/article/details/106986895
版权

vuecli-CLI2的目录结构解析

vuecli2test文件中的build和config文件都是关于webpack配置的
在这里插入图片描述
node本身是使用C++开发的，v8引擎，谷歌开发的v8引擎，
js -> 字节码 ->浏览器运行，字节码要先解析再运行
而v8引擎直接跳过了字节码，js -> 二进制代码，二进制代码可以直接运行
v8引擎是C++写的，v8引擎是node的核心

在终端也可以执行js代码：
在这里插入图片描述src是本地开发的文件夹
在这里插入图片描述
static文件夹是静态资源文件夹：static文件夹中的内容会原封不动的被打包
在这里插入图片描述
babelrc是es转化是需要读取的文件：
在这里插入图片描述
.editorconfig文件时对项目的代码进行统一：一般正规公司创建的项目里面都有这个文件
在这里插入图片描述
在这里插入图片描述end_of_line = lf 换行
insert_final_newline = true 插入新的一行
trim_trailing_whitespace = true 清楚一些不需要的空格

.gitignore文件是在上传时要忽略的一些东西：
在这里插入图片描述
在这里插入图片描述

Eli-sun
关注
专栏目录
Vue 学习笔记（4）Vue-cli4 项目搭建 + 目录结构 + 项目打包、部署
2401_84435739的博客
04-29 748
为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。前端面试题汇总开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】JavaScript性能linux。
vue cli2 项目的目录结构
weixin_44872023的博客
07-03 2158
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文件主要是项目相关配置，我们常用的
vuecli-CLI2目录结构解析
407指导员
12-30 449
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学习之路（二）vue-cli目录结构分析
qq_44084420的博客
02-28 299
总体结构介绍 详细介绍 1.build文件夹（webpack配置） build文件夹里面最主要是的webpack的相关配置文件，在新一代的vue-cli中，没有dev-server.js文件，因为它被与集成到开发环境配置文件里面了，当我们输入npm run dev启动项目的时候，最先就会启动dev-server，它会检查npm以及node版本，加载配置文件，启动服务。 2.config文件夹（vue项目配置） config文件夹里面的文件主要是项目相关配置，我们常用的就是当端口冲突时配置监听端口，打包输
IDEA-SSM的web项目配置
Qfoom的博客
09-25 347
前言: 从git上面下载了一个SSM的war项目,打开时候Mysql已经配置完毕,添加Tomcat时候各种报错,现在有如下总结: 打开:File-Project Structure 有如下设置 Project 确定jdk版本正确 Modules Libraries 暂时不设置 正常截图如下,会显示很多依赖 Facts 与Modules结构类似 Artifacts 配置Tomcat 进入编辑状态: 配置Tomcat 第一步配置: 第2步配置:添加Artifacts
vue-cli2的目录结构解析
lzc2644481789的博客
08-05 1827
一、简介 1. 本文主要介绍vue cli2自动生成的项目结构的解析； 二、项目结构 1. 上图是项目的整体目录结构。我们读这个项目结构的时侯要先从package.json开始读，首先是看package.json中的scripts中的build，可以看出来它是执行 node build/build.js， node是可以直接执行文件的。 所以我们去看看build.js。这里介绍一下，package.json...
详解vue-cli+es6引入es5写的js(两种方法)
10-17
Vue-cli是一个基于Vue.js进行快速开发的完整系统，它提供了一个官方的脚手架工具，帮助开发者快速搭建项目结构、配置webpack等构建工具。Vue-cli可以生成一个包含现代JavaScript特性的项目模板，这些特性包括ES6语法...
Vue CLI2升级至Vue CLI3的方法步骤
12-12
总的来说，从 Vue CLI 2 升级到 Vue CLI 3 需要更新项目结构，调整配置文件，特别是环境变量、静态资源管理和 ESLint 规则。升级过程可能涉及代码更改，务必仔细检查并测试所有功能以确保平稳过渡。
Vue-cli打包后部署到子目录下的路径问题说明
10-14
在使用 Vue CLI 打包应用时，可能会遇到将应用部署到服务器子目录下的情况。本篇文章将详细解析这个问题及其解决方案。 首先，当 Vue CLI 打包应用时，默认会生成一个静态资源文件夹，通常命名为 `dist`，这个...
深入理解Vue-cli搭建项目后的目录结构探秘
12-01
在深入理解 Vue-cli 的目录结构之前，我们先简单回顾一下 Vue-cli 的使用流程。首先，全局安装 Vue-cli： ```bash npm install --global vue-cli ``` 接着，创建一个新的基于 webpack 模板的项目： ```bash vue ...
vue-cli 工程目录结构介绍
学习记录
10-17 8650
请说出vue-cli工程中每个文件夹和文件的用处 注意：此问题千万不要只解释一下 src 文件夹下每个文件夹的作用。vue-cli目录结构：vue-cli目录解析： build 文件夹：用于存放 webpack 相关配置和脚本。开发中仅 偶尔使用 到此文件夹下 webpack.base.conf.js 用于配置 less、sass等css预编译库，或者配置一下 UI 库。 config ...
vue-cli2脚手架目录作用总结
csdn_xuebing的博客
06-20 429
参考来源：https://www.cnblogs.com/vuenote/p/9323831.html
vue-cli2 目录结构解析 关闭esline
weixin_42448623的博客
08-22 549
文章目录结构入口package.json 命令npm run build 打包项目npm run dev 运行项目build/config文件夹build文件夹下是webpack 相关的配置config文件夹下是一些变量node_modules 项目依赖第三方包src 开发文件夹assetsstatic 静态资源文件夹.gitkeep.babelrc.editorconfig.eslintignore.eslintrc.js.gitignore.postcssrc.jsindex.html 模版文件pac
Vue cli2 目录介绍
csdn_ycj2019的博客
05-30 321
目录介绍： - package.json 整个项目的依赖配置文件，脚本命令运行的存储文件 - build 整个项目的配置性文件，比如webpack配置 - config 对整个项目的静态服务器配置 - dist 运行 npm build 打包出来的文件 - js 项目的js文件 - .map 文件 错误资源定制文件 - html 整个项目的容器，也是根实例的模板 - node_modu...
vue-cli2.x构建项目及目录详解
a18589032970的博客
09-02 391
vue-cli2.x构建项目及目录详解 1.全局安装vue-cli cnpm install -g vue-cli (这种安装vue-cli写法默认安装的是vue-cli2.x) 检测版本 vue -V 2.全局安装webpack cnpm install -g webpack 3.全局安装webpack的本地webserver cnpm install -g webpa...
vue-cli 2.9.3 详细入门教程
猫老板的豆
04-23 3246
https://github.com/Trojain/vue-cli-2.9.3 一、安装vue-cli 1.使用npm全局安装vue-cli（前提是你已经安装了nodejs，否则你连npm都用不了），命令如下： npm install vue-cli -g . 2.可以用vue -V来进行查看 vue-cli的版本号。注意这里的V是大写的。如果vue -V的命令能显示版本号，说...
vue-cli静态目录 static和assets
w_t_y_y的博客
10-15 1736
用vue-cli生成一个项目后，src目录下的assets目录和根目录下的static目录都是存放静态文件的。 assets里的文件编译过程中会被webpack处理理解为模块依赖，只支持相对路径的形式。assets放可能会变动的文件； static里的文件不会被webpack解析，会直接被复制到最终的打包(默认是dist/static)下，必须使用绝对路径引用这些文件。static放不会变动的文件。如放置下载模板：<a href="static/download/user.xlsx" downloa
[学习笔记] vue-cli 2.x (二) vue-cli 2.x 项目结构(补记)
zhaoweihao的博客
11-03 460
一、总体框架 一个vue-cli的项目结构如下，其中src文件夹是需要掌握的，所以本文也重点讲解其中的文件，至于其他相关文件，了解一下即可。 二、结构细分 1.build——[webpack配置] build文件主要是webpack的配置，主要启动文件是dev-server.js，当我们输入npm run dev首先启动的就是dev-server.js，它会去检查node及npm版本，加载配置文...
vue-cli2创建项目过程的详细解析及项目目录解析
yiguang_820的博客
06-22 321
下面两张图来源：https://blog.csdn.net/weixin_43342105/article/details/105516614 1.方式一 test1 2.方式二：test2 加了vue-router 比较test1和test2 增加了1个文件：index.js，修改了3个文件：main.js、App.vue、package.json index.js main.js App.vue package.json 方式三：增加eslint
深入解析vue-cli-service架构
`process.env.VUE_CLI_CONTEXT`通常用于在非项目根目录下运行CLI时指定项目路径，而`process.cwd()`则是获取当前工作目录，通常是项目根目录。 参数处理由`minimist`库完成，它解析命令行参数，如`--modern`、`--...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值