首页 > 编程知识 正文

vue生产环境跨域问题,vue离线搭建环境

时间:2023-05-04 07:41:56 阅读:40667 作者:1924

一、安装node.js官网: Download | Node.js

版本: previous releases

或者

下载完成后,可以安装节点。 建议不要安装在c :等系统磁盘上。

二、设置nodejs prefix(全局)和cache(缓存)路径1,建议安装的路径中没有中文

2、新建node_global和node_cache两个文件夹

可以在nodejs安装路径中创建新的

3、设置缓存文件夹

npmconfigsetcache ' e :nodenode _ cache ' 4,全局模块存储路径设置

成功安装npmconfigsetprefix ' e :nodenode _ global '后,如果使用npm install XXX -g命令安装,则模块为e :node

也可以通过输入npm list -global命令来显示全局安装目录。

三、node.js偏好设定

选择“我的电脑”右键单击“属性”“高级系统设置”“高级环境变量”以访问“环境变量”对话框

1、在【系统变量】下新建【NODE_PATH】,输入内容根据实际情况不同为【d :nodenode _ globalnode _ modules】

2、在【系统变量】下的【Path】中添加节点路径【D:node_global】

四、淘宝镜像源基于 Node.js 安装cnpm(淘宝镜像)

您可以将npm的模块下载仓库从默认的海外站点更改为国内站点,从而使模块下载速度相对较快。 目前,全部使用淘宝镜像源(https://registry.npm.taobao.org )。 有两种方法可以使用淘宝镜像源。

安装cnpm :

NPM install-gcn pm---- registry=https://registry.NPM.Taobao.org

验证方式变为cnpm配置获取注册表或cnpm配置列表,如图所示

直接更改npm的默认配置:

在npmconfigsetregistry https://registry.NPM.Taobao.org配置后,是否根据npm config get registry或npm config list命令成功配置了NPM下载源

第二个临时使用:

NPM-- registry https://registry.NPM.Taobao.orginstallcluster代码仅在安装集群时使用淘宝镜像下载,仅安装一个模块

五、安装Vue和脚手架安装vue.js cnpm install vue -g或

NPM安装vue-g显示已安装的vue信息。 npm info vue或cnpm info vue

查看已安装的vue版本npm list vue

安装脚手架vue-CLI cnpm安装- g @ vue/CLI

输入vue ui进入界面。 vue ui打开网址

安装其他webpack模板,在命令行上运行命令npm install webpack -g,然后等待安装完成。

webpack 4x或更高版本,webpack将所有命令相关内容放入webpack-cli中,

因此,还必须安装web包- CLI:NPM安装- -全局web包- CLI。

安装成功后,可以使用webpack -v显示版本号。

顺手安装vue-router

NPM安装- g vue-router

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。