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环境本身需要的文件,可以不用管它