本篇针对有经验的前端开发使用,主要记录常用的工具、命令等,不对某个知识点一一细说。
安装谷歌浏览器
前端开发必备浏览器
官方下载地址: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版本会失效。
- nvm下载地址:github.com/coreybutler…
- 下载压缩包
- 解压文件进行安装(尽量C盘安装)
- 控制台输入nvm -v查看版本,出现版本说明安装成功了
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…