前端开发环境

代码编辑工具---sublime/webstorm

断点调试工具---chrome插件Batarang

版本管理工具---git/git小乌龟

代码合并和混淆工具---grunt(nodejs npm安装)


依赖管理工具---bower

单元测试工具/集成测试工具---karma(一款用来跑测试用例的runner,npm安装)+Jasmine(用来编写测试用例,npm安装)/Protractor(专门为angular定制)

Jasmine四个核心概念:分组、用例、期望、匹配

分别对应四个函数:



一个轻量级server:http-server,基于nodejs的http接口,https://github.com/nodeapps/http-server,用npm安装,可将任意文件在服务器中跑起来

一个完整的项目目录结构:


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
window 前端开发环境的搭建过程如下: 1. 安装 Node.js:前端开发中,我们常常使用到 Node.js 做为运行环境。可以到 Node.js 官网下载最新的 Windows 版本安装包,下载完成后运行安装程序进行安装即可。 2. 安装代码编辑器:选择一款适合自己的代码编辑器,如 Visual Studio Code、Sublime Text、Atom 等。下载安装后打开即可使用。 3. 安装版本控制工具:推荐使用 Git 进行版本控制。可以在 Git 官网下载并安装最新版本的 Git,安装完成后通过命令行工具检查版本是否安装成功:`git --version` 4. 安装代码托管工具:推荐使用 GitHub 作为代码托管平台。在 GitHub 官网注册账号并创建仓库,以便于将项目代码进行托管。 5. 安装包管理工具:在前端开发中,常常需要使用到一些第三方包和工具。推荐使用 npm 进行包管理。npm 是随同 Node.js 一起安装的包管理工具。可以通过命令行工具检查 npm 是否安装成功:`npm -v` 6. 初始化项目:打开命令行工具,将命令行的当前目录切换到项目所在的文件夹下。运行 `npm init` 命令初始化项目,按照提示进行一些基本配置,如项目名称、版本号等。 7. 安装所需依赖:通过 `npm install [package]` 命令来安装项目需要的依赖,如常见的 React、Vue、Webpack 等。 8. 配置项目:根据项目需求,进行相应的配置,如创建配置文件、设置编译打包规则等。 9. 编写代码:使用所选的代码编辑器打开项目文件夹,并开始编写前端代码。 10. 运行项目:在命令行工具中运行相应的命令,如 `npm start`,来启动项目并在浏览器中查看网页效果。 11. 进行版本管理:使用 Git 命令来进行版本管理,比如添加、提交和推送代码等。 通过以上步骤,我们就可以在 Windows 系统上成功搭建一个前端开发环境

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值