vscode中vue项目结构及重要文件说

vscode创建vue项目重要文件及文件夹说明

1:build文件夹

WebPack可以看做是为模块打包的,它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。

build中存放的就是webpack生成的相关文件。

2:config文件夹

项目中所有的配置文件都放在该文件夹下面。

3:dist文件夹

在新建的项目中是没有的,当我们运行npmrunbuild命令时,会生成该文件夹,该文件夹直接可以部署到Nginx上运行。

4:node_modules文件夹

当前项目所需要的依赖都放在这里

5:src文件夹

我们写代码的目录,其中main.js为项目的入口方法

6:static文件夹

静态文件的存放位置,如图片,文字等

7:test文件夹

存放测试相关的文件

8:重要文件

index.html:整个项目的首页

package.json:npm所有的依赖包定义文件,类似java中的pom.xml文件,build.gradle文件

package-lock.json:锁定安装时的包的版本号,以保证其他人在npminstall时大家的依赖能保证一致

以点号开头的文件:vscode环境本身需要的文件,可以不用管它




转载请注明:http://www.aierlanlan.com/rzdk/2861.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了