当前位置: 首页 > Web前端 > HTML

前端开发环境如何在内网搭建

时间:2023-03-28 15:39:56 HTML

前提条件1、最好有一台和内网机器系统版本和型号相同的机器,或者虚拟机。2.Node和其他相关版本需要相同的具体过程。本质上就是在能连接外网的机器上配置好相关环境后,复制到内网机器上,在两台机器上安装对应的node版本。以14.16.0为例安装vue-cli、webpack,如果全局安装了老版本的vue-cli(1.x或2.x),需要先通过npmuninstallvue-cli-卸载gnpminstall-g@vue/clinpminstall-gwebpacknpminstall-gwebpack-cli查看缓存目录npmconfiggetcache,C:/User/Username/AppData/Roaming/npm-cache这里是npm的缓存文件、将此目录下的npm和npm-cache复制到目标机中,用内网命令替换同目录安装离线依赖包使用npmroot-g查看当前npm全局安装目录;然后将npm-cache缓存目录复制到npm目录下npminstall--cache./npm-cache--optional--cache-min99999999999--shrinkwrapfalse@vue/clinpminstall--cache./npm-cache--optional--cache-min99999999999--shrinkwrapfalsewebpacknpminstall--cache./npm-cache--optional--cache-min99999999999--shrinkwrapfalsewebpack-cli在npm-cache目录下,@vue/内网离线安装cli。如果之前没有安装@vue/cli插件,运行上面这行代码会报错,插件上面的命令没有指定,只下载大于999999分钟的模块注册表。其实就是指定了所有模块都从缓存中安装,这样就大大加快了下载速度。npminstall--cache./npm-cache--optional--cache-min99999999999--shrinkwrapfalse是指安装npm离线包的所有包,所有安装在外网的包(npm-cache)都启动在一个有网络的机器对于项目,执行npminstall打包复制node_modules文件夹到内网机器,替换项目中的node_modules文件夹,安装依赖后运行npminstall运行项目。如果有不相关的依赖,可以先npmrebuild重建项目依赖如果这里运行vue-cli-service不是内部前端培训部门或者外部命令,可能是node_modules依赖有问题包裹。mac电脑的依赖包node_modules无法在windows环境下运行。如果有相同系统安装的依赖包,重新运行时无法使用cnpm安装node_modules依赖包。使用cnpm安装的依赖包有快捷目录,不能复制压缩到U盘。推荐使用npm安装。如果vue项目运行node_modules/.bin/vue-cli-service报错:PermissiondeniedRunchmod777projectfolder/node_modules/.bin/vue-cli-service提权后运行node-sass内网环境安装1.查看当前系统版本node-p"[process.platform,process.arch,process.versions.modules].join('-')"2.根据版本,去node-sass的github官网下载对应的版本,存放在某个目录下。本例为win32-x64-83_binding.node,建议安装node-sass4.00^5.0版本,部分项目sass-loader会报错。提示:根据node版本下载对应的node-sass3。设置路径pathsetSASS_BINARY_PATH=D:/nodejs/.nodes/win32-x64-67_binding.node(根据自己的地址和文件名修改)或者配置path使用SASS_BINARY_PATH作为系统变量4.echo%SASS_BINARY_PATH%检查是否可以运行vendor文件夹,如果没有,新建vendor\win32-x64-83(文件夹名称为下载版本)7.复制下载的win32-x64-83_binding.node,重命名为:binding.node安装过程Node模块的结构如下。在Linux或Mac上,默认为用户主目录下的.npm目录。在Windows上,默认是%AppData%/npm-cache,可以通过npmconfiggetcache查看。发出npminstall命令,npm查询registry获取模块压缩包的URL,下载压缩包存放在npm-cache目录下。将压缩包解压到当前项目的node_modules目录下,运行npminstall时,只会检查node_modules目录,不会检查npm-cache目录。也就是说,如果某个模块在npm-cache下有压缩包,但没有安装在node_modules目录下,npm还是会从远程仓库下载一个新的压缩包。如果内网环境可以传递-cache-min参数,则用于从缓存目录安装模块。添加一名作者