【前端】从零配置前端开发环境

最新推荐文章于 2025-06-06 09:17:20 发布
原创 最新推荐文章于 2025-06-06 09:17:20 发布 · 3.6k 阅读 · 9 ·
CC 4.0 BY-SA版权
感谢您的阅读，本文为博主原创文章，未经博主允许不得转载。
文章标签：

#前端

本文介绍了如何在VSCode中安装和配置nvm，管理不同版本的Node.js，解决项目中npm版本冲突，并分享了从文件夹打开项目的方法，包括私服切换和npm安装技巧。

目录

一、下载vsCode:  

二、下载安装nvm：

三、项目：从文件夹打开项目

好久不发博客了，实在是觉得自己写了这么多年写的都一般般，虽然不发了，但是笔记还是该整理整理，今天早上难得起得早，经过一番折腾前端的框架终于可以启动了，把我潦草的笔记贴上来水一篇2021年最后一篇技术博客

一、下载vsCode:  

安装插件：语言包/显示高亮
注意：这个地方最好选用nvm:不要单独安装node.js

二、下载安装nvm：

nvm  是对node.js和npm进行版本管理的工具，可以通过nvm切换需要的node版本并自动下载对应的npm的版本
不推荐的做法：安装node.js+配置环境变量：
最低0.47元/天 解锁文章
从零开始配置前端环境及必要软件安装
自动花钱机的博客
08-26 806
本文介绍了前端开发环境的配置流程，包括安装常用软件和工具。主要内容有：1）安装VSCode编辑器及必备插件（如ESLint、Prettier、Vetur等）；2）安装Chrome浏览器及开发调试插件；3）配置Git版本控制工具；4）详细说明Node.js和npm环境变量的设置方法；5）讲解如何修改hosts文件；6）推荐使用Typora作为Markdown笔记工具。文章提供了完整的配置步骤和注意事项，帮助开发者快速搭建前端开发环境。
【前端开发入门】前端开发环境配置
qbbmnnnnnn的博客
09-29 1551
本篇主要介绍前端开发必要的开发环境配置及软件安装，包含： 开发编辑器vscode及相关插件。 Nodejs运行环境安装及版本控制。 git软件安装及基础配置
vue iview 之使用
qq_22656655的博客
11-08 1716
注意 以前1.0时候的iview 只适用vue 1.x 的； 2.0官网： https://www.iviewui.com/components/cascader 安装 npm install iview@1.0.1 --save 这个是安装1.0的。。。现在vue2.0 了 用不了！ npm install view-design --save 使用这个安装 2.0的...
npm 私服nexus 无法下载到自己上传的最新包
波客
10-13 2408
npm WARN EBADENGINE Unsupported engine { npm WARN EBADENGINEpackage: 'v-click-outside-x@3.7.1', npm WARN EBADENGINErequired: { node: '>=8.11.4', npm: '6.4.1' }, npm WARN EBADENGINEcurrent: { node: 'v14.18.0', npm: '8.0.0' } npm WARN EBADENG...
当前稳定版本node（8.11.4版本）使用import语法
satisfy
08-24 2169
代码 const { resolve } = require('path') const r = path => resolve(__dirname, path) require('babel-core/register')({ 'presets': [ 'stage-3', ["latest-node", { "target": "current" }] ]...
node 升级版本，vue报错 warn,及启动的error
热门推荐
前端小菜鸡的博客
02-17 2万+
error 或者warn 未截图，大概内容如下 1、npm install 安装依赖包时： EBADENGINE Unsupported engine { npm WARN EBADENGINE package: 'pkcs7@0.2.3', npm WARN EBADENGINE required: { node: '^0.10', npm: '^1.4.6' }, npm WARN EBADENGINE current: { node: 'v16.14.0', npm:
前端开发Vue安装及环境配置详解：从零开始搭建Vue开发环境及首个应用创建流程介绍了Vue.js框架
06-24
②指导读者完成Vue开发环境的搭建，包括Node.js、Vue CLI、Vue.js的安装及webpack的配置；③带领读者创建并运行第一个Vue应用，初步体验Vue开发流程；④提供常见问题的解决方案，确保学习过程顺畅。 阅读建议：本文...
前端环境配置前端环境配置前端环境配置
10-10
前端环境配置是一个开发人员在开始前端开发工作前必须掌握的基本技能。其主要步骤和知识点包括： 1. VSCode工具的安装与使用：Visual Studio Code（VSCode）是一款由微软开发的免费、开源的代码编辑器，具有强大的...
前端开发基于VS Code的React项目快速搭建与优化：从零配置到高效开发全流程指南如何使用VS Code
最新发布
07-29
内容概要：本文详细介绍了使用VS Code从零搭建React项目的全流程，旨在帮助开发者在5分钟内高效配置开发环境。文章首先列出了必备工具清单，包括Node.js和VS Code的相关插件（如ES7+ React/Redux/JS Snippets、...
deversion:Github增强`node_modules`缓存步骤的动作。 即使您的Node.js软件包的版本通过`npm version'命令被破坏，也可以让您跳过安装步骤
03-08
莫拉胡/降级 Github从package-lock.json中删除version package-lock.json 。 node_modules缓存步骤。 即使通过npm version命令npm version Node.js软件包的版本，也可以让您跳过安装步骤。 用法 在actions/cache之前添加mrauhu/deversion动作，配置缓存动作并在以下时间检查缓存命中： - uses : mrauhu/deversion@v1 - uses : actions/cache@v2 id : cache with : path : node_modules key : ${{ runner.os }}-node_modules-${{ hashFiles('package-lock.json') }} - if : steps.cache.outp
【项目中的一些报错】记录
TanMengyi的博客
12-05 1426
第一步：npm install autoprefixer@latest caniuse-lite@latest browserslist@latest --save-dev，结果还是不行。第二步： 第一步不行，就删掉node_modlues还有packjosan.lcok文件，重新npm install。运行 ‘npm install -g husky’ 来安装husky，然后再次尝试运行命令。全局安装npm install eslint babel-eslint -g即可。根据提示安装对象的node。
npm i 安装报错
南北极之间
03-07 1789
在工作中，我们可能同时在进行2个或者多个不同的项目开发，每个项目的需求不同，进而不同项目必须依赖不同版本的NodeJS运行环境，这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。Node.js平台，Node.js工具社区和Node.js库是快速移动的目标 - 在一个Node.js版本下可能有效的方法不能保证适用。比如node版本和node-sass的版本如果不对，就会报错。
解决lpanda项目npm安装问题的技术指南
gitblog_07224的博客
06-06 438
解决lpanda项目npm安装问题的技术指南 问题背景 在开发环境中使用lpanda项目时，用户遇到了npm安装依赖包失败的问题。错误信息显示主要与Electron安装失败、依赖包版本不兼容以及网络连接超时有关。这类问题在前端开发中较为常见，尤其是在使用较新版本的Node.js运行老旧项目时。 错误分析 从错误日志中可以识别出几个关键问题： 引擎不兼容警告：v-click-outside-x@...
【亲测免费】 v-click-outside 项目教程
gitblog_00705的博客
08-09 862
`v-click-outside` 是一个强大的 Vue 指令库，用于检测并响应用户点击元素外部区域的事件。这个指令特别适用于需要关闭对话框、菜单或其他浮动元素的场景，提升了用户体验和交互的便捷性。 ## 项目快速启动 ### 安装 首先，你需要通过 npm 或 yarn 安装 `v-click-outside` 包： ```bash npm install --save v-click-...
【下载依赖时控制台报错】npm WARN EBADENGINE Unsupported engine...
weixin_44418027的博客
09-02 4911
下载依赖时控制台报错。
npm版本与node版本不对应
qq_16488609的博客
03-27 1万+
方法一 根据node 修改npm版本号 今天在安装node.js后使用 npm安装 BtleJuice 遇到了如下情况。 直接在终端输入 node -v 查看node版本号 npm -v 查看npm 的版本号 提供如下网站查看 https://nodejs.org/zh-cn/download/releases/ 然后输入查找对应的版本号 例如我的node版本是...
记录cnpm安装报错
qq_37194189的博客
04-17 2603
报错为：它需要节点v16.13.0，这就是我正在使用的节点。npmv7.x.x是否与该版本的node兼容？
ubuntu查看端口开放状态
qq_41623592的博客
09-30 1587
可以使用ss或netstat
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

邢美玲

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值