全栈开发环境搭建（前端 + C#)

小菜猿_

已于 2023-10-15 18:13:56 修改

阅读量480

点赞数

分类专栏：开发环境搭建文章标签： c# visual studio visual studio code gitee redis node.js

于 2023-10-15 16:44:09 首次发布

本文链接：https://blog.youkuaiyun.com/Monsters___/article/details/133843075

版权

开发环境搭建专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何安装和配置VisualStudio、VisualStudioCode、NavicatPremium、Git+Tortoise、Redis、Node.js、.NET5SDK、Vue、Vite和SASS/SCSS等IT开发工具，包括下载链接、安装步骤和配置方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

7、nodejs 版本切换管理工具 (可不安装)

8、.NET5 开发环境安装

9、全局安装 vue 和脚手架 tive-cli

10、全局安装 vite 和脚手架 vitejs/create-app

11、vite 项目使用 less sass scss

0、安装包

网盘链接：https://pan.baidu.com/s/1pt_HIe0oIhvcNtfbbOvhAQ
提取码：pb9a

1、Visual Studios

下载地址：Visual Studio 2022 IDE - 适用于软件开发人员的编程工具

选择语言包，安装路径等

2、Visual Studio Code

下载地址：http://code.visualstudio.com

安装：

常用插件：

Vue Language Features

Bracket Pair Colorizer 美化编程

Path Intellisense 智能路径提示

Live Server 实时预览

vscode-icons 文件图标

Chinese 中文插件

open in browser 打开浏览器

css Formatter css 提示插件

Auto Close Tag 自动补全

Better Comments 备注插件

3、Navicat Premium 15

下载地址：http://www.navicat.com.cn

安装完后下一步教程：

https://www.notion.so/51453583a34e49b79a25fa3a18ef136e?pvs=4

4、Git + 乌龟

一、先安装安装 git下载链接：Git

安装：全部选 Next 下一步

……….. 然后点 Install 安装

安装完成。

二、再安装安装git乌龟

安装：一直点 Next 下一步就可以了

安装成功……

三、安装 git乌龟中文包：

安装完语言包之后，右键→tortogit→setting，把 language 项改为中文，确定即可。

5、redis

下載地址：Releases · microsoftarchive/redis · GitHub（64位）

解压后目录

打开 cmd 命令进入 redis (E:\Program Files\redis) 目录，执行 redis-server.exe redis.windows.conf

显示如下图所示，表示 Redis 服务已启动

把 Redis 加到服务

进入安装目录下，打开 cmd。
cmd 启动命令 redis-server.exe redis.windows.conf。
设置服务命令（安装目录下，cmd）。
redis-server --service-install redis.windows-service.conf --loglevel verbose。
输入命令之后没有报错，表示成功了，刷新服务，会看到多了一个 redis 服务。

常用redis服务命令：

卸载服务：redis-server --service-uninstall
开启服务：redis-server --service-start
停止服务：redis-server --service-stop

开启服务

添加 logs 文件夹，如果还不行修改文件

修改 redis.windows-service.conf 中的配置

启动服务

6、node.js

下载地址：下载 | Node.js

开始安装，使用默认配置安装一直点 next 即可

更改路径…

点击Install，进行安装

安装成功

安装完后查看系统变量进行验证：

在【个人电脑】右键→【属性】→【高级系统设置】

点击【高级】→【环境变量】

在系统变量中查看【path】，点击【编辑】

会发现 .msi 格式的安装包已经将 node 启动程序添加到系统环境变量 path 中

CMD 进入命令：

查看 node 版本。

最新版的 node 在安装时同时也安装了 npm，执行 npm -v 查看 npm 版本。

npm root -g 查看全局包。

环境配置：

打开安装的目录（默认安装情况下在 C:\Program Files\nodejs）。

在安装目录下新建两个文件夹【node_global】和【node_cache】。

再次打开 cmd 命令窗口，输入npm config set prefix “你的路径\node_global”（“你的路径”默认安装的状况下为 C:\Program Files\nodejs）

npm config set prefix “E:\Program Files\nodejs\node_global”。

注意：（执行的时候建议使用管理员权限打开CMD，否则有可能会提示权限不够报错）

npm config set cache “你的路径\node_cache” 可直接复制刚刚新建的空文件夹目录

npm config set cache “E:\Program Files\nodejs\node_cache”

设置环境变量，打开【系统属性】-【高级】-【环境变量】，在系统变量中新建：

变量名：NODE_PATH

变量值：C:\\Program Files\\nodejs\\node_global\\node_modules

( 用来告诉系统，下载的模块或者包都在这里了 )

编辑用户变量（环境变量）的 path，将默认的 C 盘下 APPData\Roaming\npm 修改成 C:\Program Files\nodejs\node_global，点击确定。

最后别忘了在 Path 里面添加 NODE_PATH。

测试，配置完成后，安装个 module 测试下，就安装最经常使用的 express 模块，打开 cmd 窗口，输入以下命令进行模块的全局安装：npm install express -g

7、nodejs 版本切换管理工具 (可不安装)

通过 nvm 版本控制器下载不同版本的 nodejs 和查看、切换本地不同版本的 nodejs

1、先清空本地安装的node.js版

打开命令窗口输入：where node 查看 nodejs 安装路径。

找到上面找到的路径，将node.exe所在的父目录里面的所有东西都删除。

进入控制面板-》程序和功能-》删除里面的 nodejs。

2、安装 nvm 管理工具

下载地址：编辑https://github.com/coreybutler/nvm-windows/releases

将下载下来的压缩包进行解压，解压文件夹里面是一个 .exe 文件。

点击安装：

安装完后：

nvm 安装完成后，检验是否安装成功，进入命令控制行窗口输入 nvm -v 查看。
输入 nvm list available 可以查看 node.js 版本号。
输入命令行 nvm install node 版本号(例如：nvm install 12.17.0)即可安装对应版本以及自动安装对应的 npm 版本。
输入命令行 nvm use node 版本号（例如：nvm use 12.17.0）即可选择你本地所使用的 Node.js 版本，使用此命令行可以根据你自己的需要随意切换 node.js 版本运行。
输入命令行 nvm ls 查看你安装的所有 node.js 版本号，以及你当前所选择的 node.js 运行版本。
如果想删除某 node.js 版本的话，输入命令行 nvm uninstall node 版本号,即可删除对应版本。