vue-cli创建项目目录结构解释

淩亂°似流年 2021-09-15 14:30 416阅读 0赞

**vue-cli创建项目目录结构解释**

<table> 
 <tbody> 
  <tr> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">文件/文件夹</span></span></td> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">解释</span></span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">build和config<br></span></span></td> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">webpack配置相关的文件；将来利用中间件实现两个不同于之间的转发，需要配置。<br></span></span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">node_modules<br></span></span></td> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">项目开发依赖的一些模块<br></span></span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">src<br></span></span></td> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">将来的开发大多在这里，我们关注的重点<br></span></span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">static<br></span></span></td> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">静态文件，不经过webpack编译，直接可拿来用的<br></span></span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">.gitkeep<br></span></span></td> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">新建目录没有文件的话，目录不会在远程服务器出现的，加上该文件，即使是空的文件夹，也会创建static文件夹<br></span></span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">.babelrc<br></span></span></td> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">集成es6环境<br></span></span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">.editorconfig<br></span></span></td> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">对编辑器的配置<br></span></span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">.gitignore<br></span></span></td> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">忽略一些文件的提交，一些文件没必要提交<br></span></span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">.postcssrc.js<br></span></span></td> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">对css前缀的一些解析<br></span></span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">index.html<br></span></span></td> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">所有项目的根入口文件，页面加载的其实就是这个文件<br></span></span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">package.json<br></span></span></td> 
   <td><span style="font-family:'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;"><span style="font-size:16px;">对项目的描述<br></span></span></td> 
  </tr> 
 </tbody> 
</table>

发表评论取消回复

表情：

评论列表（有 0 条评论，416人围观）

还没有评论，来说两句吧...

相关阅读

相关 SpringBoot项目目录结构

SpringBoot项目基础结构示例 JAP和Mybatis混合项目目录结构 catelog ├─.gitignore ├─pom.xml

柔情只为你懂/ 2023年10月06日 12:19/ 0 赞/ 65 阅读

相关 dva脚手架创建的项目目录结构分析

安装dva脚手架：`npm install -g dva-cli` 查看dva版本：`dva -v` 使用脚手架构建项目：`dva new project` 等待构

比眉伴天荒/ 2023年07月17日 07:06/ 0 赞/ 4 阅读

相关【Dubbo】——项目目录结构

一、项目结构 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubm

ゝ一世哀愁。/ 2023年06月22日 13:51/ 0 赞/ 46 阅读

相关 SprinnBoot 项目目录结构

代码层结构根目录：com.example.myproject 配置类config：com.example.myproject.config 常量类co

一时失言乱红尘/ 2023年03月13日 15:25/ 0 赞/ 77 阅读

相关 vuecli脚手架目录介绍

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

小鱼儿/ 2023年01月23日 09:59/ 0 赞/ 76 阅读

相关使用VueCLI脚手架创建项目

\\VueCLI脚手架创建项目安装脚手架 \[VueCLI官网\] (https://cli.vuejs.org/zh/guide/installatio

素颜马尾好姑娘i/ 2022年11月21日 09:58/ 0 赞/ 478 阅读

相关项目的目录结构

项目中常见的目录结构有两种： 1.主目录按照业务分类，内容目录按照模块分类（即主目录按照MVC架构分类，内部根据项目模块分类）优点：相对比较快定位对应的业务；

分手后的思念是犯贱/ 2022年06月16日 23:42/ 0 赞/ 381 阅读

相关 IONIC--项目目录结构

原[https://blog.csdn.net/sinat\_28597179/article/details/79094235][https_blog.csdn.net_si

超、凢脫俗/ 2022年05月10日 05:10/ 0 赞/ 355 阅读

相关 nuxt.js目录结构分析解释

nuxt.js目录结构 `assets` 资源目录 `assets` 用于组织未编译的静态资源如 `LESS`、`SASS` 或 `JavaScript`。

客官°小女子只卖身不卖艺/ 2021年09月19日 14:02/ 0 赞/ 419 阅读

相关 vue-cli创建项目目录结构解释

vue-cli创建项目目录结构解释 <table> <tbody> <tr> <td><span style="font-fam

淩亂°似流年/ 2021年09月15日 14:30/ 0 赞/ 417 阅读