当前位置: 首页 > news >正文

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

        

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • (leetcode学习)236. 二叉树的最近公共祖先
  • VAE、GAN与Transformer核心公式解析
  • 解决git每次push代码到github都需要输入用户名以及密码
  • 如何在 Windows 上安装并配置 VNC 远程连接树莓派,并结合Cpolar实现公网远程访问
  • Oracle(21)什么是聚集索引和非聚集索引?
  • SpringBoot整合SSE技术详解
  • 【环境变量】安装了一个软件,如何配置环境变量?
  • 代码随想录算法训练营Day 63| 图论 part03 | 417.太平洋大西洋水流问题、827.最大人工岛、127. 单词接龙
  • 实现图片懒加载
  • 使用Cce Cash混币器进行安全的ETH-USDT跨链兑换
  • 【办公软件】Office 2019以上版本PPT 做平滑切换
  • pytest的安装和介绍和 Exit Code 含义
  • IOS-05 Swift循环控制语句
  • 修复SteamUI.dll加载失败的指南,快速修复failed to load steamui.dll
  • 【Android】Fragment的添加
  • [译]如何构建服务器端web组件,为何要构建?
  • 77. Combinations
  • ECMAScript入门(七)--Module语法
  • JavaScript学习总结——原型
  • Java基本数据类型之Number
  • MySQL常见的两种存储引擎:MyISAM与InnoDB的爱恨情仇
  • 得到一个数组中任意X个元素的所有组合 即C(n,m)
  • 分享一份非常强势的Android面试题
  • 两列自适应布局方案整理
  • 面试题:给你个id,去拿到name,多叉树遍历
  • 名企6年Java程序员的工作总结,写给在迷茫中的你!
  • 如何选择开源的机器学习框架?
  • 深入浅出Node.js
  • 使用 5W1H 写出高可读的 Git Commit Message
  • 我与Jetbrains的这些年
  • 限制Java线程池运行线程以及等待线程数量的策略
  • 一、python与pycharm的安装
  • 自动记录MySQL慢查询快照脚本
  • “十年磨一剑”--有赞的HBase平台实践和应用之路 ...
  • ​Benvista PhotoZoom Pro 9.0.4新功能介绍
  • ​浅谈 Linux 中的 core dump 分析方法
  • #每日一题合集#牛客JZ23-JZ33
  • $LayoutParams cannot be cast to android.widget.RelativeLayout$LayoutParams
  • (10)工业界推荐系统-小红书推荐场景及内部实践【排序模型的特征】
  • (13)Latex:基于ΤΕΧ的自动排版系统——写论文必备
  • (day 2)JavaScript学习笔记(基础之变量、常量和注释)
  • (笔试题)合法字符串
  • (二)c52学习之旅-简单了解单片机
  • (二)pulsar安装在独立的docker中,python测试
  • (二)延时任务篇——通过redis的key监听,实现延迟任务实战
  • (附源码)python旅游推荐系统 毕业设计 250623
  • (附源码)spring boot校园健康监测管理系统 毕业设计 151047
  • (附源码)springboot课程在线考试系统 毕业设计 655127
  • (附源码)ssm教师工作量核算统计系统 毕业设计 162307
  • (六)vue-router+UI组件库
  • (一)搭建springboot+vue前后端分离项目--前端vue搭建
  • (转)Groupon前传:从10个月的失败作品修改,1个月找到成功
  • (转)socket Aio demo
  • (转)利用ant在Mac 下自动化打包签名Android程序
  • .NET 8 跨平台高性能边缘采集网关