首页 > 编程知识 正文

vue生产环境多模式配置,vue环境变量配置方法

时间:2023-05-06 05:27:06 阅读:40669 作者:2567

node.js安装与配置下载安装node.js官方网站下载最新版: https://nodejs.org/en/download/

Node.js缺省情况下安装了npm,因此不需要其他配置即可在全局命令中使用npm命令并测试cmd是否成功安装

输入node -v和npm -v以显示各自的版本信息。

配置安装目录和缓存目录创建默认安装目录和缓存日志目录

例如,如果要将包含所有模块的路径和缓存路径放入安装了我的node.js的文件夹中,请在我安装的文件夹【' D:Program Files nodejs】下放置两个文件夹

运行命令,将npm的全局模块目录和缓存目录配置为刚才创建的两个目录

npmconfigsetprefix ' d :javaappnodejsnode _ global ' npmconfigsetcache ' d 3360javaappnodejsnode

npm配置获取缓存显示npm软件包缓存路径

npm配置列表显示所有npm配置

node.js首选项说明:以下D:JavaAppNodeJS是我的node安装路径。 请更改为自己的路径

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

在【系统变量】下新建【NODE_PATH】,输入【d :javaappnodejsnode _ modules】【系统变量】下的【Path】作为node的爸爸node_cache】、【d :javaappnodejsnode _ global】,这是nodejs默认的模块调用路径配置淘宝下载仓库从默认的海外网站到国内的萨萨

第一个:直接更改npm的默认配置

npmconfigsetregistry https://registry.NPM.Taobao.org第二类:安装cnpm

运行NPM install-gcn pm---- registry=https://registry.NPM.Taobao.org验证方法cnpm配置获取注册表或cnpm配置列表

验证cnpm时,可能会出现“cnpm”不是内部或外部命令,也不是可执行程序的问题

为了将整个模块的路径和缓存路径放在安装node.js的文件夹中,在以前安装node.js时创建了两个文件夹

node_global

node_cache

cnpm.cmd文件位于d :javaappnodejsnode _ global文件夹中,并在命令提示符下输入d :javaappnodejsnode _ globabal

然后,可以运行cnpm -v,指示必须将d :javaappnodejsnode _ global路径添加到【系统变量】环境变量的path中。

添加后,重新打开命令提示符进行验证。

安装vue.js npm install vue -g或cnpm install vue -g

根据自己的淘宝镜像源设置选择命令,-g表示是全局安装,安装在全局目录中

检查已安装的vue信息。 npm info vue或cnpm info vue

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

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

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

因此,还必须安装web包- CLI:NPM安装- -全局web包- CLI。 安装成功后,可以使用webpack -v显示版本号。

安装脚手架vue-CLI2. x NPM安装vue-CLI-g,用vue --version或vue -V命令检查版本是否正确。

在这里随手安装vue-router

npm install -g vue-router vue-cli2创建vue项目创建项目(建议指定cd到d驱动器的路径,即项目的路径)。 如果未指定,则将在c : (用户管理员)中创建新项目。 或者,也可以直接在所需的项目路径下输入cmd。 )

vue init web包项目名称项目名不要取中文和大写字母。

项目名称(项目名称) :回车(包含大写或中文时出错)项目介绍(回车Author )作者名称)回车untime-compiler、runtime-compiler install vue-router==vue-router,项目中需要用到根,所以y返回; useeslinttolintyourcode==是否需要eslint检测代码,因为目前不需要,所以返回n滑架; Set up unit tests==当前不需要安装单元测试工具,因此返回n滑架; Setup e2e tests with Nightwatch==返回,因为目前不需要端到端测试工具; shouldwerunnpminstallforyouaftertheprojecthasbeencreated? (建议) )使用阵列密钥)安装依赖于NPM安装的托架返回; 项目成功后,可以创建cd项目目录并运行npm run dev

提供访问项目的访问路径

结束项目运行:选择ctrl c,y可以停止项目运行。

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