前端工程化之Nodejs+Angular+webStorm+VSCode安装与配置

最新推荐文章于 2025-10-24 14:58:54 发布
原创 最新推荐文章于 2025-10-24 14:58:54 发布 · 1.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何搭建前端开发环境，包括安装Nodejs、cnpm、Angular CLI，以及如何选择WebStorm或VSCode作为开发工具。详细步骤包括验证Nodejs和npm版本，安装cnpm以提升安装速度，接着安装Angular CLI和typescript。最后，指导用户安装WebStorm或VSCode，并创建项目。

angular是在nodejs基础上运行的，所以先安装nodejs。

安装Nodejs

在官网上下载 合适的版本

node官网

下载node-8.9.0-x64.msi


一路下一步，直到安装完成


请先在终端/控制台窗口中运行命令 node -v 和

最低0.47元/天 解锁文章
前端领域Node.js与Angular的集成开发
AI架构全栈开发实战笔记
05-15 441
本文旨在为前端开发者提供一套完整的Node.js与Angular集成开发方案。如何高效整合Node.js后端与Angular前端开发环境的最佳配置方案前后端通信的最佳实践性能优化和安全考虑文章首先介绍技术背景和核心概念，然后深入集成开发的各个方面，包括架构设计、具体实现和优化策略。最后提供实际案例和资源推荐，帮助读者快速上手。Node.js: 基于Chrome V8引擎的JavaScript运行时，用于构建快速、可扩展的网络应用Angular。
element-ui+mongodb+express项目的实现（含源代码）
木心小白菜的博客
12-08 1056
项目介绍：此项目前端使用的Vue+Element-UI框架，后端使用的express（expsrss 是nodejs的一个web开发框架），通过express和mongdb数据库进行交互。 Vue.js 是一个JavaScriptMVVM库，是一套构建用户界面的渐进式框架。它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。 Element-UI，一套为开发者、设计师和产品经
WebStorm 和 VsCode 的结合体来了！
Yvette Lau的专栏
12-07 1421
每一个前端应该都听过或者用过 WebStorm 这款编辑器，如果你是后端，那你也一定听过或用过 GoLand 、PyCharm 、Phpstorm ，它们风格很像，也都是公认非常好用的编...
WebStorm vs VSCode：前端圈的「豆腐脑甜咸之争」
顾与
07-16 2377
本文以幽默比喻解析WebStorm与VSCode的差异：WebStorm像严谨的“行政总厨”，出身JetBrains，开箱即适配框架，智能提示精准，调试如“CT扫描仪”，适合大型项目和求稳者，但资源占用高；VSCode似灵活的“创意主厨”，微软开源，轻量可自定义，插件生态丰富，启动快，适合折腾党和多技术栈切换，却依赖插件配置。最终强调，选择取决于习惯——偏爱“拎包入住”选前者，爱“DIY”选后者，而代码逻辑才是核心，工具仅是“趁手的笔”。
VSCode安装和node配置（可主页获取相应安装资源）
最新发布
m0_69234248的博客
10-24 1123
2、搜索live server单击安装安装完成后单击设置按钮选择拓展设置，修改Live Server › Settings: Custom Browser改成一个常用的浏览器，实现代码保存在浏览器中实时显示更改的样式及内容。11、操作完成后，先新建一个文件夹，运行Visual Studio Code软件，选择文件>打开文件夹>打开刚建的文件夹，之后再选择终端>新建终端或单击最小化旁边的切换面板第二个按钮打开终端。6、单击install，如果有弹出的内容都单击是，等待安装完成，单击finish。
Webstorm主题配色—VSCode黑色主题
11-22
Webstorm2018 高仿 Visual Studio Code 黑色主题。。。
三个好用前端编辑工具推荐+推荐原因（VSCode、WebStrom、HbuilderX 的推荐对比，不纠结 ！）
热门推荐
qq_40177740的博客
04-18 3万+
市面上编辑器挺多的，之前写过一期，一年了，更新一下。 如果 电脑配置差 || 颜狗，建议用VSCode。 如果 你认为你0基础还笨，建议用Hbuider培养兴趣。 否则 WebStorm 暂时是前端写代码的无二选择。 或者 “我全都要”。 以下是个人推荐原因，仅供参考。 VSCode 官网：https://code.visualstudio.com/ 优点： 界面符合前端...
从webstorm转vscode,来一个vscode的教程和心得总结
weixin_34192732的博客
08-24 3415
背景 在公司跑代码，每天卡的吐血，感觉生命都被浪费了。 再在摧残了一段时间，天天想摔电脑以后，被同事安利vscode, 那就开始搞起来 安装 这个我真的不用说了吧 插件 快捷键 shift + alt + 方向上下 复制当前代码，并粘贴到上或者下 alt + 方向上下 移动当前行代码，到上一行或者下一行 F2 重命名函数 shift + alt + F 格式化代码 alt + 鼠标 选中多出代...
nodejs入门篇---创建工程并详解
美丽的泡沫
07-02 5582
想了很久，总想写点对大家有好处的，今天讲解生成项目。 现在市面上一般需要人全栈-----mean（mongo，express，angular，nodejs），这样可以从前端开发到后端以及数据库，听起来牛呼呼的。 这篇文章就说nodejs和比较流行的框架express4.X版本（由于3.X版本没怎么研究过，而且和4有一定区别，况且4也出来很久了，非用不可啊），后面的文章会带上mongo（oh，应
Win7系统下使用Idea和VSCode进行开发环境搭建
Node.js的引入使得在Win7系统上可以开展完整的前端工程化开发，包括使用Webpack、Vite等构建工具，配合React、Vue、Angular等现代前端框架进行项目开发。 再者，VSCode（Visual Studio Code）是由微软开发的免费...
抛开收费不谈，前端开发工具选择webstorm还是vscode？
贝格前端工场的博客
06-21 1万+
WebStorm是由JetBrains公司推出的一款专业的JavaScript开发工具，旨在提供前端开发人员一个强大、全面的集成开发环境。WebStorm提供了强大的代码编辑功能，包括代码自动补全、语法高亮、代码折叠、代码格式化等，帮助开发人员编写高效、规范的代码。WebStorm支持快速导航到变量、函数、类等定义处，方便开发人员查看和修改代码。WebStorm提供了丰富的代码重构功能，包括重命名、提取函数、提取变量等，帮助开发人员优化和重构代码结构。
VSCode 和 WebStorm的恩恩怨怨……
qq_56966124的博客
04-15 8626
作为前端开发人员🐵，想必这两款工具大家应该都很熟悉吧，它们都是一款代码编辑器，但是又各自都有着各自的优缺点，先来谈谈我常用的VScode吧。 “VS Code”（全称： Visual Studio Code） 首先，开源免费！这一点就很香，千万别说免费的东西都不是什么好东西，VSCode可以算是我们前端人员的福音，再加上可以下载安装各种功能插件，直接起飞🛫，再看看它这简约清晰的界面（背景主题是可以自己换的噢） 那么VSCode到底有什么用呢？别着急，看下文：VSCod...
Windows7下安装 Nodejs 并在 WebStorm11下搭建编译 LESS 环境
web前端小攻城狮
11-18 573
1、 打开Nodejs官网http://www.nodejs.org/，点“DOWNLOADS”,点64-bit下载“node-v0.10.33-x64.msi”。   2、 下载好后，双击“node-v0.10.33-x64.msi”，按照默认选项安装Nodejs，默认安装路径为：C:\Program Files\nodejs。  （请根据系统位数自行安装） 3、 “开始
nodejs+webstrom环境搭建
饭团
04-08 823
1.安装好webstrom. 里面可以直接安装nodejs webstrom自带nodejs 他可以帮助你安装nodejs的环境，同时也方便你调试 2. WebStorm会自动帮你安装nodejs 的环境，同时需要下载nodejs包文件，建议单独下载，然后选择nodejs包的位置，选安装包的那个。
【编辑器】vscode 的配置,WebStorm使用总结
sparks42的博客
04-21 1119
进入快捷键设置的界面：ctrl+K ctrl+S 将格式化文件的快捷键绑定到自己喜欢的按键（我用的是 ctrl+L） 万能键：ctrl+shift+p 学会 emmet （多处同时编辑：按住 alt 再点击；写 css 可以：属性名的开头字母:属性值的开头字母，快速输入） 检查拼写错误的插件：Code Spell Checker 小知识： 由于 username 单词在代...
angular webstorm不提示ngfor_WebStorm和VSCode的浅度比较
weixin_39767645的博客
11-25 459
本文首发在我的个人博客中：个人博客|沧沧凉凉的小站​www.cclliang.com1. 吐槽上机测试的时候准备的工具是VSCode，虽然我早就知道一般情况下，都准备的会是VSCode，但是我没有当回事，结果一操作起来傻眼了，VSCode编写代码的流畅程度和WebStorm完全不同。在最开始学习Web开发时我也是使用的VSCode，而且我曾一度看不起其它的前端代码编写工具。观看学习视频自学时，视频...
【Node.js】node.js的安装和部署（包括WebStorm和VsCode配置）
【敦厚的曹操】的专栏
01-15 1805
一、官网下载址 1、最新版本下载 Download | Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/en/download/ 2、历史版本下载 Index of /dist/https://nodejs.org/dist/二、下载和安装 然后，下一步，下一步地安装就行了。 三、检测是否安装和配置好环境 cm......
我为什么从WebStorm换到了VSCode？
weixin_44409586的博客
03-19 2032
因为是后端Boy，所以一直用的是IDEA，于是在选择前端IDE的时候自然而然选择了全家桶中的WebStorm，但是在使用的过程中也是遇到了很多问题，于是
Node.js v8.9.0：深入了解JavaScript服务器端编程
weixin_30661119的博客
07-11 305
Node.js是一种基于Chrome V8引擎的JavaScript运行环境，它允许开发者使用JavaScript编写高性能的服务器端应用程序。自2009年诞生以来，Node.js已经历了多个版本的迭代，每个新版本都带来了一系列的改进和新特性，旨在提升性能、开发效率以及用户体验。高并发通常指的是在同一时间内有大量用户对应用发起请求的场景。这种场景在现代的Web服务、在线游戏、即时通讯等应用中非常普遍。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值