Vue的学习（一）：Vue项目目录

最新推荐文章于 2024-05-11 07:18:20 发布
最新推荐文章于 2024-05-11 07:18:20 发布
阅读量239 收藏 1
点赞数
分类专栏： vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Zain_horse/article/details/120450810
版权

vue3目录介绍

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-t3KH1Rua-1632451956434)(C:\Users\zain\AppData\Roaming\Typora\typora-user-images\image-20210924102936754.png)]

1.vue01—根目录包

2.node_modules—依赖模块文件包

3.public—公共资源文件包

例如：网站选项卡标题logo图片文件，页面文件等

4.src—开发文件包

### 	a.assets---静态文件
### 	b.components---模块化文件
###     c.App.vue---Vue的布局文件
###		d.main.js---渲染文件

5…xxxx文件—配置文件，例如语法，git

6.package.json—项目配置文件

7.README.md—文档说明

Zain_horse
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Vue学习--Vue项目根目录介绍(1)
xian的博客
09-08 1万+
文章目录前言一、build文件夹——webpack 配置目录二、mock文件夹——生成随机数据，拦截ajax请求三、node_modules——npm 加载的项目依赖模块四、public文件夹——应急手段五、src文件夹——源码目录（开发的项目文件都在此文件中写）1. api2. assets3. common4. components5. directive6. filter7. icons8. layout9. router10. store11. styles12. utils13. vendor14
Vue学习--Vue项目根目录介绍(2)
xian的博客
09-08 1226
文章目录一、.editorconfig二、 .env.~三、.eslintignore四、.eslintrc.js五、.gitignore六、.npmrc七、 .travis.yml八、 babel.config.js九、Dockerfile十、GitVersion.yml十一、jest.config.js十二、LICENSE十三、 package-lock.json十四、 package.json十五、 postcss.config.js十六、 README.md十七、 vue.config.js 一、
2024年Web前端最全vue学习（五）—vue-cli构建vue项目目录结构，2024年最新大厂面试考什么
最新发布
2401_84620030的博客
05-11 827
为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。在npm -v命令后显示npm安装完成时，即可安装淘宝镜像，后面的npm 可以改成cnpm执行命令配置后可通过下面方式来验证是否成功。
Vue项目目录结构介绍讲解
sjisoklsl的博客
03-02 2993
Vue项目目录结构介绍讲解
vue中目录详解
weixin_64315174的博客
03-02 2796
vue中目录详解
Vue项目根目录文件说明
Young
02-29 9065
$ npm install -g vue-cli $ vue init webpack my-project $ cd my-project $ npm install $ npm run dev ├── build/ # webpack配置文件 │ └── ... ├── config/ │ ├── index.js ...
vue-pro:一个Vue项目
03-20
Vue Pro 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 自定义配置 请参阅。
vue-zhidian:YII2+VUE2开发的SCRM后台项目
05-17
uiscsswebpackmockecharts安装项目地址: (git clone)git clone https://github.com/chinahub/vue-zhidian.git通过npm安装本地服务第三方依赖模块(需要已安装)cnpm install启动服务: ()npm run dev发布代码npm run ...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-example:vue学习样例
03-12
vue-example-weiye 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
vue_shop：vue的实践项目
02-20
vue_shop项目设置npm install编译和热重装以进行开发npm run serve编译并最小化生产npm run build整理和修复文件npm run lint自定义配置请参阅。
详解Vue项目编译后部署在非网站根目录的解决方案
08-27
主要介绍了Vue项目编译后部署在非网站根目录的解决方案,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue工程目录详解，跳槽薪资翻倍，web快速开发平台
m0_60607971的博客
03-18 940
秋招即将开始，校招的朋友普遍是缺少项目经历的，所以底层逻辑，基础知识要掌握好！而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】高级前端工程师必备资料包。
vue项目src目录详解
热门推荐
新前端小白的博客
08-29 2万+
一、main.js 项目的入口文件 import Vue from 'vue' //自动寻找名字为App的文件，如app.vue app.js... import App from './App' /* 引入router变量*/ import router from './router' Vue.config.productionTip = false new Vue({ /*...
vue项目的目录结构图及目录详解
Ays的博客
03-31 3417
简单介绍目录结构 build目录是一些webpack的文件，配置参数什么的，一般不用动 config是vue项目的基本配置文件 node_modules是项目中安装的依赖模块 src源码文件夹，基本上文件都应该放在这里。 —assets 资源文件夹，里面放一些静态资源 —components这里放的都是各个组件文件 —App.vue App.vue组件 —mai...
vue项目的目录简介
Bakertt的博客
03-27 178
main.js是初始化vue实例并引入需要的插件并且将你的内容渲染到主页面上是你的项目的入口文件它执行的时候都是从你的 main.js 从上到下的执行的。
vue项目 根目录下.babelrc postcss.config.js
cjexe的博客
08-18 4159
npm i postcss-loader autoprefixer babel-loader babel-core .babelrc 作用&配置 babel用的配置文件 .babelrc 为了使用vue的render方法和vue支持jsx { "presets": [ "env" ], "plugins": [ "transform-vue-jsx" ...
vue项目目录的介绍
cabacwj的博客
03-05 138
App.vue -- 根组件 组件就是模块 App.vue是由由template--> html ，script--> js，scss-->css 三部分内容组成。package-lock.json 记录当前状态下实际安装的各个npm package的具体来源和版本号。router -- 配置整个vue项目的路由，vue 是单页面应用的代表，这里面就是设置一个一个组件的地址的文件。main.js -- 项目的主js,全局的使用的各种变量、js、插件 都在这里引入 、定义。
Vue项目的详细目录结构解析 vue-cli
weixin_49827467的博客
02-15 1775
vue-cli 目录详解
创建多个Vue2项目：在Vue2项目的根目录中，创建多个Vue2项目，例如pc和mobile项目。
05-26
可以按照以下步骤在Vue2项目的根目录中创建多个Vue2项目： 1. 在根目录下创建两个文件夹，分别命名为pc和mobile。 2. 进入pc文件夹，运行以下命令创建一个新的Vue2项目： ``` vue init webpack . ``` 这个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Zain_horse

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值