前端环境配置

安装node.js

  • 去node官网下载安装包
  • 下载后点击下一步安装
  • 安装后打开cmd用node -v查看是否安装成功

搭建Vue开发环境

  • 安装vue-cli脚手架(npm install vue-cli -g)
    在这里插入图片描述
  • 脚手架搭建完成之后,创建一个新项目
  • vue init webpack my-vue-project
  • 命令中的my-vue-project是新项目的文件夹名称
  • 输入命令一直回车直到出现“Install vue-router?”,输入Yes回车
  • Use ESLint to lint your code?规范纠正,看自己需求,不需要则输入No
  • Set up unit tests?单元测试,看自己需求,不需要则输入No(下同)
  • 安装完成
  • cd my-vue-project命令切到项目文件夹下
  • npm run dev运行项目即可

git命令

  • 进入git官网下载安装包
  • 点击下一步安装
  • 右键任意位置,在右键菜单里选择 Git Bash Here 即可打开 Git Bash 命令行终端
  • git -version查看版本

配置

  • 配置用户名和邮箱
git config --global user.name test
git config --global user.email xxxxxxxxx@qq.com

git常用命令

git init // 初始化
git clone xxxxxxx // 克隆远程仓库(xxxxx代表仓库地址)
git clone -b test xxxxxxxxx // 克隆test分支的代码到本地
git add test1 // 将test1这个文件存入暂存区
git checkout -- file // 撤销修改
git add . // 将所有文件提交到暂存区
git commit -m "提交的备注"  // 提交到仓库
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在VS Code中配置前端开发环境,需要完成以下步骤: 1. 安装VS Code:首先,你需要下载并安装Visual Studio Code编辑器。你可以从VS Code的官方网站(https://code.visualstudio.com/)下载适合你操作系统的版本,并按照安装向导进行安装。 2. 安装Node.js:前端开发通常需要使用Node.js作为运行环境。你可以从Node.js的官方网站(https://nodejs.org/)下载适合你操作系统的版本,并按照安装向导进行安装。安装完成后,可以在命令行中输入`node -v`和`npm -v`来验证Node.js和npm(Node.js的包管理器)是否成功安装。 3. 安装插件:打开VS Code,点击左侧的扩展图标(或使用快捷键`Ctrl+Shift+X`),搜索并安装以下常用插件: - HTML CSS Support:提供HTML和CSS代码智能提示和自动完成功能。 - JavaScript (ES6) code snippets:提供常用JavaScript代码片段的快捷输入。 - Prettier - Code formatter:用于格式化代码,保持统一的代码风格。 - Live Server:提供一个本地开发服务器,支持实时预览和自动刷新。 4. 创建项目:在VS Code中,打开一个文件夹作为你的项目根目录。可以通过点击左上角的“文件”菜单,选择“打开文件夹”,然后选择你的项目文件夹。 5. 编写代码:在项目文件夹中创建HTML、CSS和JavaScript文件,并在VS Code中编写你的前端代码。 6. 运行代码:使用Live Server插件,在VS Code中右键点击HTML文件,选择“Open with Live Server”来启动本地开发服务器,并在浏览器中实时预览你的网页。 这样,你就完成了在VS Code中配置前端开发环境的步骤。希望对你有帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值