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

前端开发工具安装

nvm(管理node版本的)

node(以下是稳定版本)

npm :使用npm安装以下工具和脚手架;

pnpm,yarn,nrm(设置镜像的,命令行和nvm差不多,这里的查看版本的V是大写)

nrm可以自己设置镜像

手动在项目根目录下创建 .npmrc文件

registry = https://registry.npm.taobao.org/

就可以手动给项目设置镜像

比如electron开发 设置.yarnrc文件或者.npmrc

使用yarn 安装 结合。npmrc文件,全部使用mirror镜像

//.yarnrc registry "https://registry.npmmirror.com/" electron_mirror "https://npmmirror.com/mirrors/electron/" electron_builder_binaries_mirror "http://npmmirror.com/mirrors/electron-builder-binaries/" //.npmrc 一般用这个 registry = https://registry.npmmirror.com/ electron_mirror = https://npmmirror.com/mirrors/electron/ electron_builder_binaries_mirror = http://npmmirror.com/mirrors/electron-builder-binaries/

或者 使用 npm config list 查看已经设置的镜像

# 指定 npm 国内镜像 npm config set registry=https://registry.npmmirror.com/ # 指定 Electron 的国内镜像地址 npm config set electron_mirror=https://npmmirror.com/mirrors/electron/

yrm(不知道干嘛的),

vite(node版本切换需重新下载,但版本好像是一样的),

npm init -y 生成package.json

tsc -init 生成tsconfig.json

npm init vite 创建一个vite项目可选各种语言

npm init vite@latest

npm create @quick-start/electron@latest 创建一个vite+electron可选各种语言

$ npm i @ant-design/pro-cli -g 建议使用https://github.com/ant-design/ant-design-pro/

npm i后执行start命令

$ pro create my-app 创建一个vite+antd+ proComponent+ umi的项目

@vue/cli(查看版本大小使用大写V),

创建一个项目 | Vue CLI (vuejs.org)

npm install -g @vue/cli vue create test(使用vue/cli创建一个基于webpack的项目)

create-react-app(npm i create-react-app -g,create-react-app test)

@tarojs/cli,

umi:($ yarn create @umijs/umi-app # 或 npx @umijs/create-umi-app)

https://blog.csdn.net/weixin_43279985/article/details/124640622

npm i @ant-design/pro-cli -g pro create myapp (antdDesignPro脚手架)

nest new project-name (nestjs脚手架)

npx react-native@latest init AwesomeProject (react native脚手架)

npx create-remix@latest (remix脚手架)

npx create-next-app@latest --typescript (next脚手架)

npm init -y npm i -D vitepress npx vitepress init (ssg中的vitePress脚手架)

npm install -g @vue/cli , vue init webpack my-project (创建一个vue项目 )

比如:npm install -g pnpm

设置依赖的

npm config set registry http://registry.npmmirror.com(现在有nrm)

设置依赖的安装位置

npm config set prefix "D:\develop\Node.js\node_global"

npm config set cache "D:\develop\Node.js\node_cache"

npm config edit(会跳出.npmrc.txt可编辑)

liver-server: npm install live-server -g

liver-server:一个具有实时加载功能的小型服务器,可以使用它来破解html/css/javascript,

可以cd到项目打包的dist文件夹下去执行,就可以预览打包后的文件了

在终端输入live-server就可以;

代码调试

java切换jdk版本: jvms

python切换版本:conda

python切换下载镜像:pypi

或者下载使用

pip install -i https://mirrors.tuna.tsinghua.edu.cn/pypi/web/simple some-package

nodemon: npm i nodemon -g。在使用node启动服务或者是运行文件时候使用nodemon a.js代替node a.js 就不用每次在跟改文件后重新使用node运行.js文件nodemon会类似于HMR一样监听文件变换然后重启。

安装vscode插件 REST Client
在单独的文件夹里创建一个index.http/demo.http文件,可以像postman一样发送请求
POST http://localhost:3000/post/add HTTP/1.1
Content-Type: application/json
{
"title": "hello",
"content": "world"
}

vscode安装文件类型图标插件:vscode-icons

vscode里运行C语言:

1、安装C/C++,C/C++ Themes,C/C++ Extension Pack,Code Runner

2、找到C/C++点击后找到GCC and Mingw-w64 on Windows 到文章里找到MSYS2 然后找到Download the installer然后点击右边的msys2-x86_64-20241208.exe文件下载,点击下一步、选择文件夹、点击一步,点击finish。

3、然后在在跳出的终端中执行https://code.visualstudio.com/docs/cpp/config-mingw 这个里的命令,选择y

pacman -S --needed base-devel mingw-w64-ucrt-x86_64-toolchain

然后就要验证是否安装成功在刚执行的终端中执行

gcc --version g++ --version gdb --version

或者这个属于MSY2的黄色终端,虽然和git的bash终端很像,但不是

遇到gdb --version没有版本号的就删除安装的目录或者卸载重新安装。

4.设置环境变量:

用户变量path中新建一条G:\C\softpack\ucrt64\bin 之后就是一路点击确定

5.验证

win + r ---> cmd ---> gcc --version 就可以正确的显示版本号了

6.新建.c文件

//demo.c #include <stdio.h> int main() { printf("Hello, World!\n"); return 0; }

7.第一种运行方式:右击后点击Run Code

第二种运行方式:终端

gcc .\demo.c -o .\demo.exe (生成demo.exe文件 C)

g++ .\demoCpp.cpp -o .\demoCpp.exe (生成demoCpp.exe C++)

.\demo.exe (运行)

第三种调试:

trae :https://www.trae.com.cn/download

单独运行java文件

前置条件

java --version

javac --version

在demo.java里写个main函数,搞点System.out.println("Hello World!");

1、java demo.java

2、javac demo

或者,本质上也是执行上面的两个命令

http://www.jsqmd.com/news/721377/

相关文章:

  • 2026泉州装修公司优选推荐:5家高口碑服务商深度横评,这家“黑马”靠透明报价和砸掉重做出圈 - 速递信息
  • 深入电机内部:当滑模观测器成为PMSM的“状态监听器”,一个滤波器的相位滞后如何影响你的控制精度?
  • 从零构建国密可信支付通道:基于PHP 8.1+Ext-gmssl的SM2双向认证+SM4通道加密+SM3摘要防篡改(附等保三级过检配置)
  • 2026年4月对讲机实力厂家优选榜单:从码头到矿山,这家深耕38年的国产“防水通信标杆”如何解决极端工况痛点? - 速递信息
  • 2026年国内AI搜索GEO优化服务商推荐趋势洞察与企业选型参考指南 - 商业小白条
  • Inter字体:重新定义数字时代文字呈现的视觉革命
  • C# 13集合表达式到底多快?对比传统List<T>.AddRange()的12组压测结果,第9种用法让GC暂停时间归零
  • 开源 .NET 反编译工具 ILSpy 10.0.1 发布,基于 .NET 10.0 修复多类 Bug 并增强功能
  • SQL创建用户-非DM8.2环境(达梦数据库)
  • 2026年全国对讲机优选品牌推荐:从工地到远洋,谁在重新定义专业通信的价值标杆? - 速递信息
  • 联想拯救者黑苹果避坑指南:除了EFI和config.plist,这些BIOS隐藏设置和硬件玄学你调对了吗?
  • 如何快速部署AI数据库助手:DB-GPT完整Docker配置指南
  • 别再到处找SDK了!用uniapp+百度AI,5分钟搞定身份证/营业执照识别(全端兼容)
  • 20254127 实验三《Python程序设计》实验报告
  • 哪些降重软件可以同时降低查重率和AIGC疑似率?(附推荐一些可以用于论文降重的软件与高效论文降重方案:TOP10平台功能对比与选择建议)
  • ARM PMU性能监控单元与PMXEVTYPER寄存器详解
  • R语言大语言模型偏见分析实战(报错溯源黄金矩阵):从glm()崩溃到fairness::bias_test()稳定输出的完整闭环
  • STM32G474VCT6 高性能微控制器 M4内核+HRTIM+数学加速器——ST意法半导体 芯片IC
  • 传统与AI时代向量数据库对比
  • AgentRAG技术革新:JBoltAI引领AI问答新范式
  • PHP+AI代码审计实战手册(2024 OWASP Top 10适配版)
  • kettle插件-excel插件,kettle读取excel动态表头,kettle根据列名读取excel
  • PL111控制器:横竖时序参数完全解析
  • 2026年办公耗材行业专业AI搜索优化服务商选型及优质公司推荐 - 商业小白条
  • DL24MP-150W蓝牙电池测试仪功能解析与实测指南
  • PyOneDark主题终极指南:5分钟打造现代化Qt专业界面
  • Notepad++等高效文本编辑器技巧:管理Phi-3-vision模型项目配置文件
  • mysql锁竞争严重如何优化_MyISAM转InnoDB实战方案
  • Firefox 150.0.1 发布:修复多类使用问题,Relay 用户可创建 email masks 数量增至 50 个
  • 高速PCB堆叠设计:信号完整性与EMI优化实践