Execute start! [UPDATE]C:\Apache24\htdocs\dict\web_src\index.html 2024-04-03 14:50:32 > 2023-10-26 12:07:52 [UPDATE]C:\Apache24\htdocs\dict\web_src\src\components\item\home\ItemList.vue 2024-04-02 11:40:24 > 2023-10-26 12:07:52 [UPDATE]C:\Apache24\htdocs\dict\web_src\src\components\item\show\Index.vue 2024-04-03 15:07:00 > 2024-03-28 19:18:06 [UPDATE]C:\Apache24\htdocs\dict\web_src\src\components\item\show\show_regular_item\HeaderRight.vue 2024-04-02 11:46:54 > 2024-03-28 19:56:44 [UPDATE]C:\Apache24\htdocs\dict\web_src\src\components\item\show\show_regular_item\Index.vue 2024-04-03 15:06:30 > 2023-10-26 12:07:52 [UPDATE]C:\Apache24\htdocs\dict\web_src\src\components\item\show\show_regular_item\LeftMenu.vue 2024-04-02 11:41:58 > 2023-10-26 12:07:52 Execute finish! |
vue项目文件夹介绍 Vue项目通常包含以下几个主要文件夹和它们的功能: public:这个文件夹用于存放静态资源,如图片。在Webpack打包过程中,这个文件夹中的内容会被原封不动地复制到dist文件夹中。 src:这是项目的核心文件夹,包含所有程序代码。它可以分为几个子文件夹: asse:用于存放多个组件共用的静态资源,如CSS和图标。在Webpack打包时,这些静态资源会被打包到JS文件中。 components:存放非路由组件,即全局组件和公共组件。这些组件可以在不同的项目中重复使用。 App.vue:是项目的根组件,也是项目的入口点。 main.js:项目的入口文件,整个程序中最先执行的文件。 api:设计请求相关的代码。 babel.config.js:配置文件,与Babel相关。 package.json:项目的配置信息,记录项目的名称、依赖以及如何运行。 package-lock.json:一个缓存文件,记录项目的依赖版本。 README.md:项目的说明性文件。 router:存放路由配置,如index.js,可以配置路由和路由跳转方式。 store:Vuex自动创建的文件夹,包含状态(state)、修改状态的方法(mutations)、异步操作(actions)和模块(modules)。这里的模块可以理解为更小的Vuex实例。 view:存放构成单页面的最大子组件,即大组件。 这些文件夹和文件共同构成了一个完整的Vue项目,每个部分都有其特定的功能和用途。 |
PS C:\Apache24\htdocs\dict\web_src> npm run build 编译后,直接在同级的web目录中 |
Powered by Discuz! X3.2
© 2001-2013 Comsenz Inc.