前端开发环境webstorm搭建

简介:

1. 下载node.js

https://nodejs.org/en/

 

2. 安装 webpack

用管理员开个命令行 (mac: open terminal)

npm install webpack -g

 

3. 下载webstorm

https://www.jetbrains.com/webstorm/

注册:http://idea.qinxi1992.cn/

 

4. 进入项目path

输入(拖入path到terminal)

npm install

会自动帮你把所有依赖全部安装

 

5. 调试、发布

调试: npm start 表示启动一个服务开发他,就是开发模式。打开 http://localhost:3000/  就可以看效果了。你改的任何代码 只要保存一下 页面就自动变了 不需要刷新(webpack-hot)。

发布:npm run deploy:prod

本文转自疯吻IT博客园博客,原文链接:http://www.cnblogs.com/fengwenit/p/5551111.html,如需转载请自行联系原作者

目录
相关文章
|
7月前
|
前端开发 测试技术
【前端验证】记录将发包量作为传参以加速debug的环境优化记录
【前端验证】记录将发包量作为传参以加速debug的环境优化记录
|
8月前
|
前端开发 开发工具 git
mac前端开发环境
mac前端开发环境
131 0
|
6天前
|
前端开发 JavaScript IDE
构建高效的前端开发环境
本文探讨了如何构建一个高效的前端开发环境,包括选择合适的开发工具、优化工作流程和提高代码质量的方法。通过本文的指导,读者可以更好地提升前端开发效率,快速构建出高质量的网站和应用程序。
|
6天前
|
前端开发 开发工具 开发者
构建高效的前端开发环境
在如今快节奏的软件开发领域,构建一个高效的前端开发环境变得至关重要。本文将介绍一些关键的工具和技术,帮助开发者提升前端开发效率,包括代码编辑器、版本控制系统、自动化构建工具、包管理器以及调试和性能优化等方面。
|
6天前
|
前端开发 API Docker
web前端开发项目走proxy代理后端接口,构建发布到生产等环境后,如何修改api接口
web前端开发项目走proxy代理后端接口,构建发布到生产等环境后,如何修改api接口
45 0
|
7月前
|
前端开发 测试技术 芯片
【前端验证】关于那道经典概率题,用UVM环境来仿真下是男孩的概率
【前端验证】关于那道经典概率题,用UVM环境来仿真下是男孩的概率
|
6天前
|
前端开发 JavaScript 测试技术
构建现代化前端开发环境的关键要素
【2月更文挑战第8天】 在当今快速发展的数字化时代,前端开发成为了互联网行业中不可或缺的重要组成部分。构建一个现代化的前端开发环境是提高开发效率和用户体验的关键所在。本文将介绍几个关键要素,包括响应式设计、前端框架选择、自动化构建工具以及代码质量保障,帮助开发者打造高效、稳定、可维护的前端开发环境。
|
7月前
|
JavaScript 前端开发
【前端】解决webstorm执行typescript脚本输出中文乱码问题
【前端】解决webstorm执行typescript脚本输出中文乱码问题
302 0
|
6天前
|
前端开发 开发工具 git
构建高效的前端开发环境
【2月更文挑战第2天】本文介绍了如何构建一个高效的前端开发环境,包括选择合适的开发工具、优化代码编辑和调试流程、提高团队协作效率等方面。通过采用最新的前端技术和工具,开发人员可以更快速地构建出高质量的网站和应用程序。
39 1
|
9月前
|
前端开发
前端学习笔记202307学习笔记第五十六天-搭建react源码调试环境2创建环境
前端学习笔记202307学习笔记第五十六天-搭建react源码调试环境2创建环境
44 0