vue项目划分目录结构

news/2024/11/29 20:54:54/

1、本地项目文件除了用get clone方法以外还可以用到更简单的命令进行关联

git remote add origin git仓库项目的地址

git push -u ortgin maste

通过这两条命令可以快速的进行本地与git仓库连接

2、创建新项目首先进行目录划分

  2.1刚开始创建的vue cli2目录是这样的,在真实的公司进行开发的时候需要对目录结构进行细划分,便于后期的管理和维护

        


2.2、这里的主要是对src进行目录规划

        

   2.2.1、(1)assets:资源文件,主要放css和img文件

                     

               (2)common:公共js文件,主要是一些js常量抽取和封装的工具类

                       

               (3)componets:组件,这个想必大家都很熟悉了,主要是本项目业务的组件和公共的组件(封装的组件在其它项目也可以使用)

                        

             (4)router:路由文件,store:状态管理

                        

             (5)network:存放一些axios文件和分类主页js文件

                         

              (6)views:视图文件。一些分类主页各个部分的文件

                        

 2.3、文件根目录创建的文件

        2.3.1、vue.config.js:对文件路径进行别名,路径的时候不用输入../

                

                   vue.config.js中的格式如下:

         2.3.2、.editorconfig:对代码的风格进行统一(vue3中没有这个文件,建议在项目文件中添加这个文件,在多个人开发提交项目的时候,规范代码格式)

         

        .editorconfig文件内容如下

         

 


总结:在创建新项目之后的第一步就是划分目录结构(根据自己所需),这样方便后期的管理和维护。


http://www.ppmy.cn/news/842211.html

相关文章

区分Linux中的“根目录”和“家目录”

Linux目录和Windows目录有很大不同,Linux目录类似一个树,最顶层是其根目录,如下图: 总结: 1.~ 代表是home目录,也就是家目录, / 代表的是根目录 2.用户登录后在 家目录 ,可用pwd命…

Linux根目录下各子目录用途

/bin:里边包含了一般程序工具,用户、管理员、系统都可以调用。比如常用的ls、cp、cat、mv等等。 /boot:系统启动文件和内核,在有些发行版中还包括grub,grub是一种通用的启动引导程序。 /dev:系统设备文件目…

Linux之配置本地yum源仓库

目录 一、挂载光驱目录 二、配置本地yum源仓库 ​三、设置永久挂载 一、挂载光驱目录 挂载:一个磁盘设备或者一个目录,将自己的存储空间及包含的文件给与指定的目录使用 mount /dev/cdrom /mnt 【把镜像所在目录挂载到/mnt下】 df -hT …

Linux根目录下各个子目录的含义【详细】

Linux根目录下各个子目录的含义【详细】 FHS标准 linux系统的目录都遵循一个标准,即由Linux基金会发布的 文件系统层次结构标准 (Filesystem Hierarchy Standard, FHS)。这个标准里面定义了linux系统该有哪些目录,各个目录应该存放什么,起什…

打包vue 项目到非根目录(二级目录) ,打包到根目录图片空白

需求-打包项目之后再http://www.pcweb.com/wt/web,http://www.pcweb.com/wt/cms展示网站 由于有二个项目 实现的时候有部分的区别 总体不是很大 一、 1、由于不是根目录打包,所以需要进一步改动配置文件 router文件中index.js 添加base:’/wt/web’根据自…

centos配置yum源和外部包

使用folder制作外包镜像 制作工具 外部包 制作成功的镜像 我们将该镜像挂载 使用rz命令将其拷贝到/root路径下 然后挂载到opt下 [rootStorageSrv ~]# mount /root/centos.iso /opt mount: /dev/loop0 写保护,将以只读方式挂载 [rootStorageSrv ~]# yum repol…

Linux:配置本地yum源仓库

目录 一、挂载光驱目录到/下 二、配置本地yum源仓库 三、配置完后会遇到的问题 一、挂载光驱目录到/下 首先我们要知道本地镜像源文件位置: /dev/cdrom 我们需要将源镜像文件挂到/目录下 mount /dev/cdrom /mnt 然后查看挂载情况 df -hT 因为 /dev/cdrom …

Vue项目根目录文件说明

$ npm install -g vue-cli $ vue init webpack my-project $ cd my-project $ npm install $ npm run dev├── build/ # webpack配置文件 │ └── ... ├── config/ │ ├── index.js # 主要项目配置 │ └── ... ├── …