首页 > 其他分享 >前端环境配置(后端使用前端版,简易版非专业前端)

前端环境配置(后端使用前端版,简易版非专业前端)

时间:2024-06-02 09:58:55浏览次数:21  
标签:npm node 非专业 前端 简易版 registry 镜像 nvm

声明本人不是专业做前端的,只是平常开发有时候需要运行前端代码,记录一下配置环境。

安装nvm

nvm 即 (node version manager),好处是方便切换 node.js 版本。
自己网上下载安装包即可,傻瓜式安装。

安装注意事项

  1. 要卸载掉现有的 nodejs
  2. 提示选择 nvm 和 nodejs 目录时,一定要避免目录中出现空格
  3. 选用【以管理员身份运行】cmd 程序来执行 nvm 命令
  4. 首次运行前设置好国内镜像地址

安装之后,打开cmd进行如下配置镜像地址,注意淘宝镜像地址改变了。可以参入如下链接内容。
关于淘宝的nodejs镜像网址更新后,前端项目出现的一系列问题解决方案。

nvm node_mirror http://npmmirror.com/mirrors/node/
nvm npm_mirror https://npmmirror.com/mirrors/npm/
如下错误:
//nvm npm_mirror https://npm.taobao.org/mirrors/npm/

查看可用版本

nvm list available

安装 LTS(长期支持版)

nvm install 16.16.0
nvm install 16.15.0

查看以安装版本

nvm list

切换版本

nvm use 16.16.0
nvm use 16.15.0

检查npm镜像

npm get registry

如果是淘宝镜像可以不进行下一步。

设置npm镜像

npm config set registry https://registry.npmmirror.com/
如下错误:
//npm config set registry https://registry.npm.taobao.org/

总结

后面就可以正常使用nvm切换node版本,使用npm install 安装,npm run运行等操作。

标签:npm,node,非专业,前端,简易版,registry,镜像,nvm
From: https://blog.csdn.net/qq_38367575/article/details/139378486

相关文章

  • 逆袭之路:成为一名成功的前端架构师
    在当今数字化时代,前端开发已经成为了IT行业中备受瞩目的一个领域。随着互联网的不断发展和普及,前端开发的重要性也日益凸显,而前端架构师更是在这个领域中扮演着至关重要的角色。然而,要想成为一名成功的前端架构师,并非易事。下面将探讨一条逆袭之路,助你成为一名优秀的前端架......
  • 前端面试题日常练-day47 【面试题】
    题目希望这些选择题能够帮助您进行前端面试的准备,答案在文末1.在Bootstrap中,以下哪个类用于创建一个具有响应式的栅格系统?a).grid-systemb).responsive-gridc).container-fluidd).grid-responsive2.哪个Bootstrap类用于创建一个具有圆角边框的按钮?a).btn-rou......
  • PHP利用前端跨域请求限制实现域名授权
    前言晓杰最近在开发一个活码引流系统,功能基本已经开发完成,正在研究授权方面的问题,下面是晓杰研究出来的结果,分享给大家,不喜勿喷!研究过程由于前后端分离架构,前端使用了Vue2.6后端使用了ThinkPHP6,刚开始开发的时候就遇到了跨域请求失败的问题。后续将后台增加了$hea......
  • 学习前端的知识总结10
    CSS浮动网页布局方式有以下五种:标准流(普通流、文档流)︰网页按照元素的书写顺序依次排列浮动定位Flexbox和Grid(自适应布局)标准流是由块级元素和行内元素按照默认规定的方式来排列,块级就是占一行,行内元素一行放好多个元素。1.浮动浮动最典型的应用:可以让多个块级元素一行......
  • 学习前端的知识总结11
    1.浮动和标准流的父盒子搭配:先用标准流的父元素排列上下位置,之后内部子元素采取浮动排列左右位置2.一个元素浮动了,理论其余的兄弟元素也要浮动:一个盒子里面有多个子盒子,如果其中一个盒子浮动了,那么其他兄弟也应该浮动,以防止引起问题。浮动的盒子只会影响浮动盒子后面的......
  • 学习前端的知识总结12
    8.定位浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子。定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。1.定位组成:定位︰将盒子定在某一个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子。定位=定位模......
  • web前端三大主流框架详细介绍
    1.AngularAngular是一个由Google开发的用于构建Web应用的开源JavaScript框架。Angular使用TypeScript语言编写,它是一种由Microsoft开发的JavaScript超集,可以提供更丰富的功能和更严格的类型检查。Angular是MVC(Model-View-Controller)框架,它提供了一种结构化的方法来开发Web应用......
  • 零基础学Java第二十七天之前端-HTML5详解
    前端-HTML5详解一、概述HTML5是HTML的第五个版本,它对HTML进行了许多改进和扩展,使得网页开发更加丰富和便利。HTML5是Web标准的重要组成部分,旨在提高浏览器兼容性,统一网页开发标准。HTML5不仅包括了HTML的基本元素和标签,还新增了许多功能和API,为网页开发提供了更多的可能......
  • 零基础学Java第二十七天之前端HTML5新特性
    HTML5新特性定义文档类型在文件的开头总是会有一个标签语言HTML4,文档声明<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd">语言HTML5,文档声明<!DOCTYPEhtml>新增语义化标签头部标签<header>导航标签<nav>内容标......
  • webapi 创建的基类成员是大写,返回给前端后变成小写的解决办法
    安装nuget:Microsoft.AspNetCore.Mvc.NewtonsoftJsonModel文件下创建的基类:namespaceWebApiTest1.Model{publicclassClass{publiclongId{get;set;}publicstringName{get;set;}publicstringDescription{get;set;}......