前端开辟常用下令行工具及操纵下令（Node.js 和 npm、Yarn、vue、React、Git、Webpack）

       

在前端开辟中，把握常用的下令行工具和下令可以大大进步开辟服从。接下来将先容一些常用的前端下令行工具和下令，涵盖从项目初始化到构建和摆设的各个环节。
 
1. Node.js 和 npm

安装 Node.js 和 npm

起首，必要安装 Node.js。安装 Node.js 时会同时安装 npm（Node 包管理器）。
常用 npm 下令

1. # 查看 Node.js 版本
2. node -v
4. # 查看 npm 版本
5. npm -v
7. # 初始化一个新的 Node.js 项目
8. npm init -y
10. # 安装依赖包
11. npm install <package-name>
13. # 全局安装依赖包
14. npm install -g <package-name>
16. # 卸载依赖包
17. npm uninstall <package-name>
19. # 更新依赖包
20. npm update <package-name>
22. # 运行自定义脚本
23. npm run <script-name>

复制代码

2. Yarn

Yarn 是一个更换 npm 的包管理工具，具有更快、更可靠的特点。
安装 Yarn

1. # 使用 npm 安装 Yarn
2. npm install -g yarn

复制代码

常用 Yarn 下令

1. # 查看 Yarn 版本
2. yarn -v
4. # 初始化一个新的 Yarn 项目
5. yarn init -y
7. # 安装依赖包
8. yarn add <package-name>
10. # 全局安装依赖包
11. yarn global add <package-name>
13. # 卸载依赖包
14. yarn remove <package-name>
16. # 更新依赖包
17. yarn upgrade <package-name>
19. # 运行自定义脚本
20. yarn run <script-name>

复制代码

3. Vue CLI

Vue CLI 是 Vue.js 官方提供的下令行工具，用于快速搭建 Vue.js 项目。
安装 Vue CLI

1. # 全局安装 Vue CLI
2. npm install -g @vue/cli

复制代码

 常用 Vue CLI 下令

1. # 查看 Vue CLI 版本
2. vue --version
4. # 创建一个新的 Vue 项目
5. vue create <project-name>
7. # 启动开发服务器
8. npm run serve
10. # 构建项目
11. npm run build
13. # 运行单元测试
14. npm run test:unit
16. # 运行端到端测试
17. npm run test:e2e
19. # 运行 Linter
20. npm run lint

复制代码

4. Create React App

Create React App 是 React 官方提供的下令行工具，用于快速搭建 React 项目。
安装 Create React App

1. # 全局安装 Create React App
2. npm install -g create-react-app

复制代码

常用 Create React App 下令

1. # 查看 Create React App 版本
2. create-react-app --version
4. # 创建一个新的 React 项目
5. create-react-app <project-name>
7. # 启动开发服务器
8. npm start
10. # 构建项目
11. npm run build
13. # 运行测试
14. npm test
16. # 运行 Linter
17. npm run lint

复制代码

5. Git

Git 是最常用的版本控制工具。
安装 Git

请参阅 Git 官方文档 获取安装引导。
常用 Git 下令

1. # 初始化 Git 仓库
2. git init
4. # 克隆仓库
5. git clone <repository-url>
7. # 添加文件到暂存区
8. git add <file-name>
10. # 提交更改
11. git commit -m "Commit message"
13. # 查看状态
14. git status
16. # 查看日志
17. git log
19. # 切换分支
20. git checkout <branch-name>
22. # 创建分支
23. git checkout -b <branch-name>
25. # 合并分支
26. git merge <branch-name>
28. # 推送到远程仓库
29. git push origin <branch-name>
31. # 拉取远程仓库
32. git pull origin <branch-name>

复制代码

6. Webpack

Webpack 是一个模块打包工具，通常用于当代 JavaScript 应用的资源打包。
安装 Webpack

1. # 安装 Webpack 和 Webpack CLI
2. npm install --save-dev webpack webpack-cli

复制代码

 常用 Webpack 下令

1. # 查看 Webpack 版本
2. npx webpack --version
4. # 使用默认配置打包项目
5. npx webpack
7. # 使用指定配置文件打包项目
8. npx webpack --config webpack.config.js

复制代码

        把握这些常用的前端下令行工具和下令，可以大大进步开辟服从。在实际项目中，可以根据必要选择和利用符合的工具和下令，渴望这篇文章对你有所资助！
请记得一键三连（点赞、收藏、分享）哦！