《前端开发》新电脑怎么配置开发环境

260 阅读2分钟

本篇针对有经验的前端开发使用,主要记录常用的工具、命令等,不对某个知识点一一细说。

安装谷歌浏览器

前端开发必备浏览器

官方下载地址:www.google.cn/intl/zh-CN/…

安装编译器

前端开发常用编译器

Visual Studio Code

官方下载地址:code.visualstudio.com/

常用扩展工具

  • Chinese
  • CSS Formatter
  • HTML Boilerplate
  • Vue 3 Snippets
  • Vue - Official
  • ES7+ React/Redux/React-Native snippets

HBuilder

官方下载地址:www.dcloud.io/

微信开发者工具

官方下载地址:developers.weixin.qq.com/miniprogram…

安装node管理器nvm

在开发过程中node版本会随项目更改,nvm有能力很好的管理node版本,可以随时切换版本,同时更换npm版本。

如果安装了cnpm切换node版本会失效。

1734628098933.png

  • 控制台输入nvm -v查看版本,出现版本说明安装成功了

image.png

nvm常用命令

安装node版本:nvm install 18.12.0

安装最新版本:nvm install latest

卸载node版本:nvm uninstall 18.12.0

使用node版本:nvm use 18.12.0

查看已安装node版本:nvm list

查看可以下载的版本:nvm list available

查看node运行32/64位系统:nvm arch

npm常用命令

修改npm镜像源成cnpm

npm config set registry https://registry.npmmirror.com

恢复npm默认镜像源

npm config set registry https://registry.npmjs.org

快速删除node_modules

安装rimraf:npm install rimraf -g

执行删除:rimraf node_modules

安装yarn

npm install yarn

安装cnpm

npm install -g cnpm --registry=https://registry.npmmirror.com

如果不使用nvm安装node

官方下载地址(中文):nodejs.org/zh-cn/downl…

官方下载地址(英文):nodejs.org/en/download…

node版本库下载:nodejs.org/download/re…

node版本库日志:nodejs.org/en/about/pr…

安装过程没啥好说的,选安装盘,一直点Next就行了.

安装react开发脚手架

npx create-react-app my-app

cd my-app
npm start

安装vue开发脚手架

npm create vue@latest

cd project-name
npm install
npm run dev

下载git

官方下载地址:git-scm.com/

git常用命令:zhuanlan.zhihu.com/p/372071330

下载svn

官方下载地址:tortoisesvn.net/downloads.h…