Vue-cli脚手架
package.json
(1)name:项目名称
(2)version:项目版本号,遵循 大版本.次要版本.小版本
(3)description:项目描述
(4)author:项目作者
(5)private:是否私有
(6)scripts:其子项是在控制台运行脚本的缩写
(7)dependencies:项目依赖库
(8)devDependencies:开发依赖库
(9)engines:引擎,用来制定node和npm版本
(10)browserslist:限制了浏览器和客户端的版本
疑难小结 dependencies和devDependencies的区别:devDependencies是作用于生产环境的,开发环境不需要。
editorconfig
编辑器的配置文件
gitignore
忽略git提交的文件,提交将不会加载配置的文件
package-lock.json
锁定安装时的包的版本号,保证install时保持一致性
config
config里的文件是服务于build,大部分是定义一个变量export出去。下面是index.js文件的解释:
dev: { //开发环境的配置 assetsSubDirectory: 'static', //子目录 assetsPublicPath: '/', //根目录 proxyTable:{}, //该属性可解决跨域问题 host: '192.168.42.23', //地址 port: 8080, //端口设置 autoOpenBrowser: false, //是否编译 errorOverlay: true, //浏览器错误提示 notifyOnErrors: true, //跨平台错误提示 poll: false, //使用文件系统 useEslint: false, //语法限制 showEslintErrorsInOverlay: false, devtool: 'cheap-module-eval-source-map', //增加调试 cacheBusting: true, //使缓存失效 cssSourceMap: false //是否开启cssSourceMap }, build: { //生产环境 index: path.resolve(__dirname, '../dist/index.html'), //index编译后生成的位置和名字 assetsRoot: path.resolve(__dirname, '../dist'), //编译后存放生产环境代码的位置 assetsSubDirectory: 'static', //js、css等存放文件夹名 assetsPublicPath: '/', //发布的根目录 productionSourceMap: false, // devtool: '#source-map', // productionGzip: false, // productionGzipExtensions: ['js', 'css'], // bundleAnalyzerReport: process.env.npm_config_report // bundleAnalyzerReport: true // }
【推荐】2025 HarmonyOS 鸿蒙创新赛正式启动,百万大奖等你挑战
【推荐】博客园的心动:当一群程序员决定开源共建一个真诚相亲平台
【推荐】开源 Linux 服务器运维管理面板 1Panel V2 版本正式发布
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步