VUE3——001(03)、开发环境配置(node.js/mvn/java/ngix/tomact/vue3)

嫌麻烦的请下载安装包,有点强迫(懒的)可以看看。

解释:安装目录,即软件安装所在目录,如 node.js 我装在 D:\AppFolder\nodejs

系统变量修改 path增加 安装目录

在系统变量 path 中添加一项,内容为该软件的安装目录。

系统变量增加 JAVA_HOME 安装目录\jdk-17

在系统变量增加一个变量 JAVA_HOME,值为该软件的安装目录下的 jdk-17 子目录。

1、node.js

新建如下文件夹(如果不存在):

安装目录\node_global\node_modules

安装目录\node_cache

系统变量增加 NODE_PATH 安装目录

系统变量修改 path增加 %NODE_PATH%

系统变量修改 path增加 %NODE_PATH%\node_global

系统变量修改 path增加 %NODE_PATH%\node_global\modules

【对于一个强迫的人来说,看各种相互矛盾的教程简直是一种折磨,这块的配置很多教程都没有说对,有的没有把安装目录加到 PATH 里,直接敲 node -v 怎么可能执行呢。后面那两个变量,可能是为下面配置全局模块目录写,有待验证】

配置全局模块目录

npm config set prefix "安装目录\node_global"

配置全局缓存目录

npm config set cache "安装目录\node_cache"

2、nvm

系统变量 path增加 安装目录

3、java

系统变量增加 JAVA_HOME 安装目录

系统变量修改 path增加 %JAVA_HOME%\jdk-17

4、ngix

系统变量修改 path增加 安装目录

5、tomcat

系统变量增加 CATALINA_HOME 安装目录

系统变量修改 path增加 %CATALINA_HOME%\bin

6、vue3

请以管理身份运行 cmd 执行下列命令。如果运行不正常,尽量不要浪费时间去解决,有来回尝试的功夫不如重装系统来得利索(说多都是泪)!

地理位置原因,某些网站访问奇慢至无法访问,可以设置国内镜像源。前面学的时候只顾对着做,没研究为什么还是安装不了的原因。是因为老的 taobao 的镜像源已经挂了。至此时亲测下面的镜像源可用。

更换国内镜像源

npm config set registry https://registry.npmmirror.com

全局安装 vue

npm install -g vue

全局安装 cli。

npm install -g @vue/cli
不管什么模式下,则需把当前目录切换到项目目录下。

查看全局安装情况

npm config list -g

7、解除运行脚本限制

上述全部配置完成了,在 VS Code 中的 powershell 无法使用 npm create 创建项目。

经查,是PowerShell 的执行策略不允许运行脚本。Windows 默认的安全策略通常禁止执行脚本,以防止恶意脚本的运行。

更改 PowerShell 的执行策略。

以管理员身份打开 PowerShell。执行如下修改策略。

Set-ExecutionPolicy RemoteSigned -Scope CurrentUser -Force

这条命令将当前用户的执行策略设置为 RemoteSigned,这意味着可以运行本地编写的脚本,而无需进行数字签名,但来自互联网的脚本需要数字签名。

到此,运行环境基本算是配置完成了。虽然记录起来有点麻烦,但至少是自己亲自跑通的,后续再需要的时候就不会走弯路了。


这次重装系统也是确实问题没法解决,主要就卡在 powershell 无法运行脚本,还解除不了限制,开发环境配置也没顺利搞定,忍无可忍就下手了。


终于准备愉快的 装逼(学习) 了,发现执行 npm create 创建项目时,还是有报错。经查,是文件夹权限问题。(我也是有一点佛了,直接在 nodejs 安装目录上修改)

把 Authenticated Users 的权限全部勾上(默认没有【完全控制】和【修改】),然后就可以愉快的 装逼(学习了)。

相关推荐
刘发财29 分钟前
前端2秒生成500页矢量PDF,rust真的强到没朋友
前端·javascript·rust
郑州光合科技余经理1 小时前
国际版外卖系统:税率字段怎么和订单主流程解耦
android·java·开发语言·前端·后端·php·ai编程
梦想平凡2 小时前
百游棋牌源代码开发搭建教程(十):隔离部署、备份恢复与双端验收
java·前端·javascript·数据库·源代码管理
FungLeo2 小时前
成为全栈·Node 后端篇·辅助接口:相邻、相关、目录、统计与搜索
node.js·成为全栈
yume_sibai3 小时前
06-Rust Web 开发实战(Axum 框架 + 数据库 + JWT 认证 + 中间件 + 部署)
前端·数据库·rust
计算机魔术师4 小时前
特朗普上台打给黄仁勋:AI末日论是骗局,我们绝不让它发生
前端
troy1284 小时前
Python 基础语法(八):Web 后端开发、数据分析与可视化、网络爬虫、人工智能 / 大模型应用
前端·python·数据分析
计算机魔术师4 小时前
CEO说要慢下来,黑客说别做梦了——同一篇论文,两种命运
前端
kyriewen5 小时前
我花3天抓了一个幽灵bug,凶手藏在第4层
前端·javascript·程序员
IT_陈寒6 小时前
Java里用Stream.parallel()翻车实录,这性能还不如单线程
前端·人工智能·后端