前端开发环境搭建

最新推荐文章于 2024-02-28 11:12:56 发布
最新推荐文章于 2024-02-28 11:12:56 发布
阅读量705 收藏
点赞数
分类专栏： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_36831355/article/details/81072553
版权

 

1.Webstorm + JetBrains IDE support + node.js  + chrome

2.安装webstorm,node.js,chrome

3.在webstorm的run-----Edit Configurations下添加nodejs

4.添加截图如下：

 

其中node.exe为node.msi安装后路径下的文件，JS文件应为.JS目前尚有问题，待解决

5.在webstorm下开启调试，在编辑代码的时候浏览器会相应显示所修改的内容

半音banyin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
3、前端本地环境搭建
qq_43258522的博客
06-07 364
node默认的下载镜像在国外，所以在后面开发过程中可能会出现下载依赖失败的情况，为了避免这种情况，这里设置一下国内的镜像源、方便后面快速下载（如果你有魔法就不用设置了）window + s键，搜索查看高级系统设置，双击打开 —— 高级 —— 环境变量 —— 系统变量 ——点击path进去，把node的安装目录添加进去确认即可。查看是否已经安装完成 npm属于弄得下的一个包，node安装完成，npm自动有了。出现以下情况表示安装完成，如果为出现以下情况，请联系我给你处理~输入以下命令查看安装情况。
前端开发环境搭建.md
08-04
前端开发环境搭建.md
前端基础环境完整搭建
qq_46141063的博客
03-27 5022
node环境、接口测试工具、包的管理工具、vscode插件、谷歌扩展程序、git配置，webpack配置
Vue脚手架（vue-cli）搭建和目录结构详解
weixin_33953249的博客
04-02 484
一、环境搭建 　　1、安装node、npm、webpack，不多说 　　2、安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g，安装完成之后输入 vue -V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功。 二、用vue-cli来构建项目 　　1、在硬盘上找一个文件夹放工程用的。这里有两种方式指定到相关目录：（1）cd 目录路径 （...
如何从零开始配置前端环境以及安装必备的软件插件
m0_57524265的博客
08-05 1万+
本文讲解了 VSCode、Node.js、yarn、Webpack、vueCLI、git、等必备软件安装、以及VSCode 常用插件、VSCode代码格式化、VUE开发者工具安装
【前端开发环境安装、配置、项目搭建全教程】
热门推荐
m0_46627407的博客
06-27 2万+
前端开发环境安装、配置、项目搭建全教程
搭建前端开发环境.pdf
09-26
搭建前端环境 1.安装 JavaScript 运行时 -- Nod （1）配置 NPM npm config set prefix "D:\Program Files\nodejs\node_global" npm config set cache "D:\Program Files\nodejs\node_cache" （2）配置国内镜像源 npm...
基于node+webpack的前端开发环境搭建.zip
02-17
包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python...
Grafana开发环境搭建
01-08
Grafana开发环境搭建（Windows系统） Grafana源码 Grafana版本： 6.5.1 将 Grafana 源码 clone 到本地，源文件较多，如果 github 下载不成功，建议试试 gitee. 下载完成后，打开 grafana 的 package.json 查看对 ...
利用webpack搭建前端开发环境
08-07
通过本教程，我们将深入理解如何利用 Webpack 搭建一个全面的前端开发环境，以支持 CSS、SASS、图片、ES6 语法以及 PUG 模板引擎，同时利用 webpack-dev-server 实现热更新和实时刷新。 1. **Webpack 基础概念** -...
前端常见安装的一些环境和配置
m0_58565372的博客
07-20 5749
安装代码npminstall-gcnpm--registry=https//registry.npm.taobao.org。从这步开始，环境就搭建成功了，对于使用git拉取gitlab上的项目，可以看我第一篇文章，里面有具体步骤。代码拉下来，你就可以开发了。node-v查看node版本号，如果出现版本号，则表示安装成功。2.安装Node.js，在安装Node.js的同时也会安装npm。npm-v查看npm版本号，如果出现版本号，则表示安装成功。查看Node.js和npm是否安装成功。...
前端项目搭建的几种方法
m0_62489541的博客
06-12 3757
1.初始化创建项目：npm init vite@2.8.0（vite在创建vue项目时，默认直接创建vue3，vite的版本采用2.8.0的，最新的版本不可行）2.安装vue-cli，打开cmd窗口输入：npm install -g @vue/cli；3.再安装webpack-cli：npm i -g webpack-cli 或者 npm install webpack-cli -g。1.首先安装vue-cli：npm install -g vue-cli 检查是否安装：vue -V。
前端开发环境配置
weixin_44484471的博客
09-19 1037
前端开发的环境配置, 包换nodejs安装,npm修改源, 环境变量配置, 以及yarn使用安装
前端项目搭建
qq_56797899的博客
06-02 847
前端框架搭建
前端配置开发环境，新电脑配置前端开发环境，Vue开发环境配置的详细过程（前端开发环境配置，电脑重置后配置前端开发环境）
最新发布
weixin_65793170的博客
02-28 4653
Vue CLI安装完成后，有时候会遇到，在命令提示符窗口使用vue命令管用，但在vscode中，vue命令不生效的情况，这时候需要在Windows Powershell管理员模式中配置执行策略。
【前端学习指南】基础开发环境搭建
范同学的学习历程
01-18 2042
欢迎来到 前端学前班！🎉🎉🎉 我是你未来前端之旅同行的伙伴，向导，旅“驴”友......这一篇文章将会详细讲述我目前所接触到的常用的前端开发风景（开发环境）和旅行工具（开发工具）。通过学习这些工具的学习能够了解编码流程。 现在，我们将正式开启前端学习之旅！通过对第一篇文章的学习想必你已经对前端开发已经有了大体上的认识，了解到了本次旅途所要经历的大体路程和旅行线路（如果你还没有了解可以点进去看看哟！）
【做牛马第一步】从零开始配置前端环境以及安装必备的软件及其插件
weixin_55846296的博客
08-11 3366
前端开发是一个快速发展的领域，作为一名前端开发人员，需要掌握各种技术和工具。刚入职，在开始前端开发之前，首先需要配置好前端开发环境，包括安装必备的软件和插件。本文将介绍如何从零开始配置前端环境以及安装必备的软件及其插件，以及一些平时工作可以帮助到我们的工具，之后遇到好用的会一直更新的。从零开始配置前端环境需要安装一些必备的软件和插件，包括 Node.js、编辑器、Git、Chrome 浏览器、包管理工具和 VS Code 插件等。
前端开发环境搭建nvm
09-18
前端开发环境搭建NVM时，首先需要安装nvm，并统一node版本。接下来，需要手动导入环境变量，以确保nvm的正常使用。你可以将以下代码添加到你的profile文件中（如 ~/.zshrc等）： export NVM_DIR="$([ -z "${XDG_...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值