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 的权限全部勾上(默认没有【完全控制】和【修改】),然后就可以愉快的 装逼(学习了)。

        

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/50443.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

生成式AI的双重路径:Chat与Agent的融合与竞争

文章目录 每日一句正能量前言整体介绍对话系统(Chat)自主代理(Agent)结论 技术对比技术差异优势与劣势技术挑战结论 未来展望发展趋势Chat与Agent的前景社会和经济影响结论 后记 每日一句正能量 在避风的港湾里,找不到…

代码随想录算法训练营第38天|LeetCode 322. 零钱兑换、279.完全平方数、139.单词拆分

1. LeetCode 322. 零钱兑换 题目链接:https://leetcode.cn/problems/coin-change/description/ 文章链接:https://programmercarl.com/0322.零钱兑换.html 视频链接:https://www.bilibili.com/video/BV14K411R7yv/ 思路: 硬币无限…

泛型中的类型擦除

Java中的泛型是伪泛型,在编译期间会将所有与泛型有关的信息去掉,替换为原始类型。把泛型类的字节码进行反编译就可以看到是没有的。 关于原始类型,如果使用了上界和下界通配符,那么原始类型就是上界和下界,如何没有就…

实现领域驱动设计(DDD)系列详解:领域模型的持久化

领域驱动设计主要通过限界上下文应对复杂度,它是绑定业务架构、应用架构和数据架构的关键架构单元。设计由领域而非数据驱动,且为了保证定义了领域模型的应用架构和定义了数据模型的数据架构的变化方向相同,就应该在领域建模阶段率先定义领域…

我的世界!

每位冒险家在《我的世界》中的出生点都各不相同, 有的出生在桦木森林,有的出生在草原, 还有的出生在临近海洋的沙滩。 这些环境叫做生物群系,也常被称为生态系统。 在《我的世界》中的不同生物群系具有不同的地域特色—— 不…

本地化部署一个简单的AI大模型,Llama3.1

7 月 23 日消息,Meta 今晚正式发布llama3.1,提供 8B、70B 及 405B 参数版本。 Meta 称 4050 亿参数的 Llama 3.1-405B 在常识、可引导性、数学、工具使用和多语言翻译等一系列任务中,可与 GPT-4、GPT-4o、Claude 3.5 Sonnet 等领先的闭源模型…

Qt遇到qt自身组件找不到

比如在使用qtcharts的时候,找不到 解决方法: 在cmakelist中添加 find_package(Qt${QT_VERSION_MAJOR} COMPONENTS Charts REQUIRED) 是一个 CMake 命令,用于查找并配置 Qt 库中的特定组件。这条命令的作用是找到 Qt 的主要版本(…

ST Stellar-E SR5E1 22KW OBC combo 3KW DC-DC汽车充电器解决方案

对于全球的环境保护意识抬头,全球的汽车产业慢慢步入电动化的时代,以减少碳排放。整车系统主要是由电池、电驱、电控的三电所构成,其中电池系统是整车的动力来源,而对电池充电的OBC系统更甚重要。一具高度安全性且高效的OBC系统&a…

MybatisPlus设置动态表名

对于一些数据量比较大的表,为了提高查询性能,我们一般将表拆分成多张表,常见的是根据数据量,按年分表或者按月分表;分表虽然太高了查询性能,但是在查询的时候,如何才能查询执行分表数据呢&#…

7.25扣...

思路:别的语言都可以不用辅助数组,我Java就得用! c:先计算字符串中数字个数,然后利用双指针将原本字符串逆序从数组最后往前插入,若遇到数字则替换为逆序的“number”,这个过程会使新字符串从后往前覆盖&am…

为什么 Java 开发中时区设定用 Asia/Shanghai 而不是 GMT+8(防止踩雷)

在全球化的背景下,时区管理对于开发人员来说是个重要但复杂的问题。虽然中国的标准时间是 UTC8,但在实际开发中,特别是 Java 开发中,我们应尽量使用时区数据库中的区域/位置形式(例如 Asia/Shanghai)&#…

【View】Android 事件分发难道你还不会吗?

Android事件分发机制决定了触摸事件如何从顶层窗口传递到具体的视图。主要涉及到三个核心方法:dispatchTouchEvent(), onInterceptTouchEvent(), 和 onTouchEvent()。 1. dispatchTouchEvent() 这是事件分发的入口点。Activity, ViewGroup, 和 View 都重写了这个方…

UI界面卡顿检测工具--UIHaltDetector

引言: 在日常工作当中,我们经常会遇到软件的界面出现卡顿的问题,而为了确定卡顿原因,我特地写了一个UI界面卡顿的小工具:UIHaltDetector;该工具可以在检测到目标窗口出现卡顿的时候直接打印堆栈日志和输出…

iOS 获取mimetype

///根据地址 获取文件类型 (NSString *)mimeType:(NSURL *)url{NSURLRequest *request [NSURLRequest requestWithURL:url];NSURLResponse *response [[NSURLResponse alloc] init];[NSURLConnection sendSynchronousRequest:request returningResponse:&response error:…

各种聚类方法的聚类思想介绍及其优缺点

聚类是一种无监督学习方法,旨在将数据集中的样本划分为若干个组,使得同一组内的样本相似度最大,而不同组之间的样本相似度最小。以下是几种常见的聚类方法及其思想、优缺点的介绍: 1. K-means 聚类 聚类思想: K-mea…

MySQL SQL 编程练习

目录 创建表并插入数据 查看表结构 创建触发器 创建INSERT 触发器 创建DELETE 触发器 创建更新触发器 创建存储过程 创建提取emp_new表所有员工姓名和工资的存储过程s1 创建存储过程s2,实现输入员工姓名后返回员工的年龄 创建一个存储过程s3,有2个参数&…

spring-from表单

在spring boot当中,from表单怎样开发(name=value) 先列出接口所需信息(抓包得到请求信息),将这些必要信息以注解的方式表达出来 步骤: 梳理前置条件(请求地址,请求header,请求方法,请求数据,响应结果)编辑一个普通类,在类上标记注解@Controller: 标记在类上,让类…

springboot校园商店配送系统-计算机毕业设计源68448

摘要 本文详细阐述了基于Spring Boot框架的校园商店配送系统的设计与实现过程。该系统针对校园内的用户需求,整合了用户注册与登录、商品浏览与购买、订单管理、配送追踪、用户反馈收集以及后台管理等功能,为校园内的普通用户、商家、配送员和管理员提供…

深入理解 SQL 中的 DATEDIFF 函数

DATEDIFF 是 SQL 中的一个常用函数,用于计算两个日期之间的天数差异。它非常有用,特别是在需要根据日期进行条件筛选或计算时间间隔的场景中。以下是对 DATEDIFF 函数的详细介绍,包括其语法和实用例子。 1. DATEDIFF 函数概述 DATEDIFF 函数…

算法与算法分析

目录 一.前言 二.算法的特性和要求 三.分析算法--时间效率 四. 分析算法--空间效率 一.前言 算法就是对特定问题求解方法和步骤的一种描述,它是指令的有限序列。其中,每个指令表示一个或多个操作。总而言之,我们数据结构就是通过算法实现操…