Vue 创建项目后各文件夹作用

最新推荐文章于 2024-07-07 12:02:12 发布
原创 最新推荐文章于 2024-07-07 12:02:12 发布 · 559 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #前端 #vue.js #vue-cli3

本文介绍了Vue项目的必备文件及其作用，如node_modules存储项目依赖，package.json定义依赖包，package-lock.json详细记录包信息，README.md提供项目概述，main.js作为入口文件，APP.vue作为根组件。通过这些内容，读者可以更好地理解和搭建Vue项目。

node_modules  : 项目依赖环境 ，是安装node后用来存放用包管理工具下载安装的包的文件夹。

package.json  :  vue项目的表述文件，依赖包就是根据package.json来安装的。

package-lock.json  :  文件内保存了 node_modules中所有包的信息，包含着这些包的名称、版本号、下载地址。

README.md  :  简单的项目介绍文档介绍了整个项目达到什么样子的效果、需要搭建什么样的环境、具备什么样的技能等等。

main.js ： 项目入口文件全局配置。

APP.vue  :  根组件

解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
01-21
1.在vue项目根目录下新建vue.config.js（不是在src下面） vue.config.js配置文件： module.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader...
创建Vue项目以及引入Iview的方法示例
01-19
创建Vue项目 以及引入Iview 官方文档 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install...
vue里面各种文件夹作用
qq_42958772的博客
12-16 570
compiler 编译用的 -vue 使用字符串作为模板 -在编译文件夹中存放字符串,解析的算法,抽象语法书,优化等 .core 核心,vue 构造函数,以及生命周期等方法的部分 platforms 平台 -针对 运行的环境 (设备),有不同的实现 -也是vue 的入口 server 服务端 ,主要是将vue用在服务端的处理代码 sfc 单文件组件 shared 公共工具,方法 ...
vue项目各个文件的作用
junglegle_的博客
03-15 5123
vue项目各个文件的作用
vue各项文件夹的作用解析
F318706的博客
09-17 354
vue每个每个文件接的作用解析
vue项目种各个文件夹的作用
chrnbin的博客
03-04 1679
文件夹以及文件过多过碎，当我们将项目拷贝给别人的时候，传输速度会很慢，所以传输项目一般不传输node_modules文件夹，可以根据package.json文件记录的信息通过执行npm install 下载当前依赖的第三方模块，生成node_modules文件夹。用来存放包管理工具下载的包的文件夹，复杂的模块依赖关系需要被记录，确保模块的版本和当前保持一致，否则会导致当前项目运行报错。项目描述文件，记录了当前项目信息，例如项目名称，版本，作者，GitHub地址，当前项目依赖了那些第三方模块。
解析Vue项目每一个文件夹及文件的作用
青春木鱼的博客
12-08 4858
使用vue-cli2.x脚手架为每个vue项目创建脚手架项目结构，项目结构目录中每个文件夹的介绍
vue新建文件夹.zip
03-26
在"新建文件夹"这个压缩包中，可能包含了一个使用了以上技术的Vue项目示例。通常，这样的项目会有一个基本的目录结构，包括`src`目录（存放源代码）、`public`目录（存放静态资源）、`package.json`（项目依赖和配置...
VUE3初学入门-02-VUE创建项目
最新发布
袁杨的飞 - 优快云专栏
07-07 379
使用vue-cli和npm创建vue项目的介绍，以及部署到nginx
vue项目无build文件夹，怎么关闭eslint
SuaSUA_He的博客
04-14 1175
//error You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. ERROR in D:\workspace\vue_workspace\vue-manage\src\components\CommonAside.vue
VUE脚手架各文件夹作用解读
全栈工程师的博客
10-27 758
vue中各个文件夹的含义
一颗帅白菜的博客
05-17 1808
2.public文件夹：用于存放项目使用到的一些静态资源（图片）等，在最后webpack打包时会直接放入dist文件夹内。4.assetes：一般用于放置src里的组件所使用的静态资源（在webpack打包时会被当成一个模块打包到js文件夹里）10.babel.config.js：项目的配置文件，一般用于兼容es5和es6语法。5.components：一般用于放置非路由组件和全局组件。9.main.js：程序的入口文件，项目中第一个执行的文件。11.package.json：记录vue项目的相关信息。
vue项目中各个文档的含义以及作用
Jclam的博客
03-04 1292
3.1 assets文件夹：放置静态资源（多个组件共用的静态资源），在webpack打包时会把静 态资源当成模块打包到JS文件中。3.5 APP.vue：代表父组件，Vue页面入口(进入项目的初始页面)，唯一的根组件。放置静态资源（图片），webpack在打包时会原封不动的打包到dist文件夹中。3.6 main.js：程序入口文件，整个程序中最先执行的文件。3.3 router：配置项目路由文件，实现项目页面跳转。：项目说明文件（markdown语法）。：项目依赖包版本，锁定文件。ES6语法编译配置。
用vue-cli创建项目后，各个文件夹及文件的用途
qq_44114147的博客
02-23 799
hello ——>项目名 build——>用来使用webpack打包使用build依赖 node_modules——>用来管理项目中使用依赖 src——>用来书写vue的源代码 assets——>用来存放静态资源 components——>用来书写vue组件 router——>用来配置项目中的路由 App.vue——>项目中的根组件 main.js——>项目中的主入口 static——>其他静态 babelrc——>将es6语法转为es5运行
vue项目各文件说明
weixin_66059613的博客
03-05 4626
包裹，默认是影响全局的，如需定义作用域只在该组件下起作用，需在标签上加scoped，
初始vue项目中各文件是干什么的以及如何获得空白页面
qq_42707594的博客
07-27 955
第一部分：介绍初始化vue中的各文件 1、首先介绍src src是项目源码目录，开发时主要是在这边编辑代码。由assets、components、router、store、views、App.vue、main.js这些文件组成。 2、App.vue文件 App.vue文件是根组件，也是入口组件。里面通常由<template>...</template>(组件)、<script>....</script>(脚本文件)和<style>...
vue 创建项目之后，我们需要做什么？
vgub158的博客
06-29 2540
vue 创建项目之后，我们需要做什么？前言创建项目雪碧图（精灵图）全局注入 scss 变量打包分离公共库注入全局变量删除 console.log代码分割配置 CDN图片压缩IgnorePlugin代码规范关于CICD（自动部署）总结 前言 现在我们做项目基本都是使用脚手架来初始化项目，不得不说脚手架减少了我们很多工作量。但是我们还需要根据项目的特点，对配置文件进行修改，从而使得我们的开发更加方便快速，甚至还可以做一些性能上的优化。本文就总结一下我使用 vue 脚手架创项目之后所做的一些修改。 创建项目 首先
Vue3.0环境搭建及部分文件功能解释
06-13 1004
文章目录一、基础环境搭建安装Node.js安装 npm包管理器二、搭建Vue项目环境全局安装Vue-Cli安装Webpack三、文件功能解释 一、基础环境搭建 安装Node.js 前往Node.js的官网下载LTS版本的Node.js并安装 安装完成后在命令行中输入 node -v 出现如下界面及成功安装 安装 npm包管理器 打开终端并进入管理员模式 sudo su 输入密码后进入管理员模式 借助cnpm包管理器安装Hexo博客框架 由于国内镜像源较慢，这里使用淘宝的镜像源 打开终端输入如下指
Vue创建五：导出及配置文件解析
weixin_34072637的博客
06-29 439
1、打包上线 首先修改config目录下的index.js，将api接口的url修改为当前项目的url，这样程序执行的时候可以向java项目发送请求，获取真实数据 proxyTable: { '/api': { target: 'http://localhost/mooc' } }, 　　 执行npm ru...
vue项目中，layout文件夹作用
05-20
在 Vue 项目中，layout 文件夹通常用于存放整个应用程序的布局相关的组件或模板。这些组件或模板可以包含应用程序的导航栏、页眉、页脚、侧边栏等布局元素。 在使用 Vue Router 管理页面路由时，可以在 layout ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Technical genius

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

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

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

打赏作者

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

抵扣说明：

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

余额充值