IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 前端环境部署 -> 正文阅读

[开发工具]前端环境部署

一、Git

?官方下载地址:Git - Downloading Packageicon-default.png?t=M276https://git-scm.com/download/win

下载后,装在其他盘,不用装在C盘

如果右键中有了Git Bush Here 或者 Git Gui Here说明就成功了。

二、TortoiseGit

小乌龟是很好用的git管理工具,具体的安装和配置,可以参考我写的另一个博客:

TortoiseGit生成PuTTyKey教程_thiStefan的博客-CSDN博客正确使用代码管理工具:小乌龟。https://blog.csdn.net/weixin_42216094/article/details/118258271?spm=1001.2014.3001.5502

三、NodeJs

官方下载地址:

下载 | Node.js 中文网http://nodejs.cn/download/建议下载比最新版本稍微低一些的版本,比如最新的是v16.14.0,那么我们可以下载v14的版本,低版本的出错误的概率要小的多比如我们的项目需要用python27的依赖,如果我们用了v16的新版本node,npm install的时候会出现报错现象,但是v14的就可以正常使用python27的依赖。

下载完成之后,进一步的去安装,这里你有两种选择:

1、装在C盘(系统盘)中

如果是对自己的电脑无所谓,或者你用的是公司电脑(doge),那么你一路点击next进行安装即可,然后在cmd中使用:node -v 来验证是否安装成功,path环境变量是安装时自动加入的,默认走的C盘路径。因为global和cache会往系统盘中钻,且不说它对于电脑的运行速度有多少影响,但是作为一个将电脑文件夹都归类分好的程序员本员至少是忍不了的,如果介意请看下面的教程。

2、装在其他盘中

我们在安装程序中,选择装在D盘中,绿色框中是安装后本来就有的文件,蓝色框是我们需要去创建的文件夹,日后有大用(doge。

?蓝色框中的文件夹,用来存放各种node全局插件和cache,我们只需要cmd设置一下node,让它听话的自动保存到这两个文件中:

npm config set prefix "D:\Nodejs"
npm config set cache "D:\Nodejs"

如果你输入上面两条命令,没反应,就是最好的反应

接着输入以下命令来验证你的地址有没有设置成功

npm config ls

在cmd打出来的日志中,看到自己设置的路径,代表我们目前的操作都没有问题了:

?接下来就是path的环境变量设置了:

?在vscode中的cmd通过node -v验证之前,记得把之前的cmd控制台关掉,因为它进行的验证还是你配环境之前的。如果还是找不到npm,就用管理员身份打开vscode。

?然后可以验证下,global插件能不能到D盘中,我们这里下载一个功能是移除文件的插件(这个插件安装之后,可以通过rimraf加文件名删除指定文件):

npm install rimraf -g

?完美(金星语气)。

四、python

进入官网下载:

?和上面各类依赖一样,我们选择安装到D盘(非系统盘),之后配置path环境变量:

在cmd中执行(记得保存完环境变量配置之后,关掉之前的cmd,重新再开一个cmd,因为有缓存):

python

?出现版本了,就是安装成功了,如果没有,看看path路径有没有写错。

五、VSCode

这里没什么了,就是一些好用些的插件:

?auto close/rename tag 自动帮你补全或重命名标签的插件,写dom有帮助。

braket pair colorizer 花括号会变成不同颜色,一对儿一个颜色,看JS的时候有帮助。

city lights icon package 和 eva theme 算是我个人比较喜欢的文件图标主题和开发主题。

indent-rainbow 会更明显的显示出每一行的段前空格,更方便阅读代码。

live browser 和 open in browser 、chinese language 必下,一个是给你打开一个热加载的页面,一个是右键在浏览器打开,一个是中文语言包。

snippets 这类插件基本是一些语言代码片段,方便开发,比如输入log就联想console.log()。

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-03-15 22:47:55  更:2022-03-15 22:48:21 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/26 6:47:46-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码