Vue技术—脚手架文件结构

最新推荐文章于 2023-12-26 20:00:00 发布
最新推荐文章于 2023-12-26 20:00:00 发布
阅读量355 收藏
点赞数 1
分类专栏： vue.js 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013140948/article/details/122641129
版权 
node_modules
public
	|— favicon.ico:页签图标
	|_ index.html:主页面
src
	|—— assets:存放静态资源
		|_ logo.png
	|—— component:存放组件
		|_ HelloWorld.vue
	|——  App.vue:汇总说有组件
	|—— main.js:入口文件
.gitignore:git:版本管制忽略的配置
babel.config.js:babel的配置文件
package.json:应用包配置文件
README.md:应用描述文件
package-lock.json:包版本控制文件
小恶魔ly
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue脚手架结构目录文件
weixin_45841763的博客
12-07 267
vue cli 3 脚手架生成的文件解析： node_modules：npm install安装的依赖代码库 public：存放不会变动的静态文件，它与src/assets的区别在于，文件不会被webpack打包处理 favicon.ico 在浏览器上显示的图标 index.html 主页面文件 src：存放源码，我们开发的所有代码都放在src目录下 api 存放功用或常用的api assets 存放组件中的静态资源 components 存放一些公共的组件 plugins 项目所用的插件 router
vue 配置脚手架
m0_64520243的博客
07-25 543
README.md项目说明文件vue.config.jsvue项目配置文件。vue由三个部分组成template,script,style。package-lock.json插件安装地址缓存。babel.config.jsES6转ES5配置。在脚手架里面,.vue是一个文件也是一个组件。template视图显示部分只能有一个子节点。----HelloWorld.vue默认组件。--components存储自定义组件目录。--*App.vuevue根组件。--main.js项目入口文件。...
Vue脚手架文件结构
qq_40589140的博客
12-06 680
1.问题： 所有js文件都堆在一个js文件夹里，管理和使用非常混乱 2.解决： 真实项目中，都是把不同用途的js文件，分门别类的放在不同的专门的文件夹中分类保存。 比如： 3.vue脚手架也是将项目文件分门别类的保存在专门的文件夹中： （1）public文件夹： a：SPA应用唯一完整的HTML页面。 b：img文件夹 c：第三方开发的压缩过的css或js源代码 css/bootstrap.min.css js/jquery-1.11.3.min.js js/bootstrap.min.js （
vue脚手架文件及组成介绍
weixin_48879122的博客
09-21 777
使用vue脚手架创建vue项目
11. VUE 脚手架--文件结构、vue安装
Twelve_Y的博客
11-27 841
VUE 脚手架 一、文件结构： ① 创建一个唯一完整的HTML页面： 脚手架将唯一完整的HTML页面一分为三，运行时再组合起来。 (1) 把唯一的页面html放入public中，head中引入第三方css和js public文件： 用来放第三方的压缩版和第三方JS的压缩版 把<div id="app"></div>和<script> new Vue({ el: "#app" }); /script>划分出去。 <div id="app"></d
【Vue-day4】脚手架文件结构
m0_57450589的博客
03-09 744
├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 │ │ └── HelloWorld.vue │ │── App.vue: 汇总所有组件 │ │─...
详解vue2.0脚手架的webpack 配置文件分析
12-11
目录结构 . ├── README.md ├── build │ ├── build.js │ ├── check-versions.js │ ├── dev-client.js │ ├── dev-server.js │ ├── utils.js │ ├── webpack.base.con
vue-cli脚手架的.babelrc文件用法说明
10-14
`.babelrc` 文件是 Vue CLI 脚手架中的一个重要配置文件，用于定义 Babel 的转码规则和插件。Babel 是一个广泛使用的 JavaScript 编译器，它允许开发者使用 ES6+ 甚至实验性语言特性，然后将这些新特性转换为广泛...
vue脚手架文件结构
08-09
Vue脚手架（Vue CLI）的文件结构通常如下所示： ``` - src - assets // 存放静态资源，如图片、样式文件...这只是一个常见的Vue脚手架文件结构示例，实际项目中可能会有一些差异，具体结构可以根据项目需求进行调整。
Vue脚手架
蓝朽的小世界
06-20 684
vue脚手架学习笔记1
VUE脚手架结构详细介绍
交小新的博客
04-10 1388
为了标识是一个前端的方式访问的前端路由，则会在地址中用一个/#表示，/#是程序自己加上去的。如：
Vue脚手架项目结构分析
喜欢猪猪
09-13 1125
① build 目录内文件介绍文件名描述build.js构建生产环境的代码检查 Node.js 环境 和 NPM 的版本utils.js构建辅助工具类，类中主要是通过运算，来动态生成 webpack 一些加载器的配置用来配置 sourceMap，项目打包后会对 JS 压缩，sourceMap 用来记录代码压缩前后的对应关系，方便调试webpack 配置文件 - 开发环境和生产环境的通用配置。将基础配置、开发环境和生产环境各对应一个文件比较易于维护。
vue 脚手架文件结构及加载过程浅谈
最新发布
nhb687095的博客
12-26 918
的文件。
vue脚手架文件
qq_41691865的博客
02-22 508
首先区要分脚手架版本：若安装了最新版本脚手架，想用老版本脚手架，创建vue2项目，需要拉取vue-cli2.x的模板才可以用！！ 1.拉取模板命令： npm install @vue/cli-init -g 2.vue init webpack vue-cli2test 1、项目名称：默认 ? Project name vue-cli2test 2、项目描述：默认 ? Project description A Vue.js project 3、作者信息：默认读取git信息 ? Author baijung
脚手架文件
LLLLLLL05的博客
09-04 67
读取方式三: 指定名称/类型/必要性/默认值 props: { name: {type: String, required: true, default:xxx}, }pathRewrite:{'^/atguigu':''}, //路径重写，（正则）匹配以api开头的路径为空（将请求前缀删除）必须写。'/atguigu': { //'/atguigu'是自行设置的请求前缀，匹配所有以'/atguigu'开头的请求路径。target: 'http://localhost:5000',//代理目标的基础路径。
vue步步深入（三）脚手架文档的基本结构和处理
caimingxian401的博客
05-20 668
1."static"文件夹可以放静态资源2."src"文件夹里自动生成的几个文件夹可以删掉，后面我们可以建自己需要的文件夹3."App.vue"里面可以先删掉多余的东西，只留下最简单的模板&lt;template&gt; &lt;/template&gt; &lt;script&gt; export default { } &lt;/script&gt; &lt;st
Vue脚手架项目的结构
qq_43297569的博客
03-29 215
Vue脚手架项目的结构
Vue-Cli - Vue 脚手架的创建 以及 目录结构说明
CYK_byte的博客
10-18 2885
f）这个问你是否进行单词校验，校验出错会有红色波浪线. 这里不需要，因为你可能会写很多特殊字符，因此输入 n 回车即可.之后他就会去构建项目了，如果此时出现了如下错误，说明你权限不够，要使用管理员的方式打开命令行，再执行上述步骤.b）接下来会问你项目描述是否叫（默认）："A Vue.js project". 如果不想改，直接回车即可.d）接下来会问你，是否采用运行 + 编译的方式，实际上就是是否要热部署的意思，直接回车即可.h）接下来问你是否要使用 npm 来管理项目，这个肯定是需要的，直接回车即可.
分析vue脚手架文件
树上骑个猴的博客
08-30 186
在vue中需要引入babel插件，用于将ES6语法转化为ES5，在react中babel的作为还用于将JSX转化为Js 日常开发可以配置代码片段，这样每次创建.vue文件不用重复初始化一些东西 点击vscode左下角的设置图标，选择用户代码片段 可以新增用户代码或者查看已有的代码片段 在日常开发中，.vue文件包括三个部分：template、script、style 在main.js文件中引入app组件，引入vue.js，声明一个vue实例vm，挂载app组件到页面上 或者 脚手架中index
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值