使用WebStorm创建第一个NodeJS项目

 

NodeJS相关前提条件:

安装1. Node 2. NPM 3. Express-generator

npm install -g express-generator (注意如果没有安装express-generator, 使用WebStorm创建NodeJS Express WEB项目会卡住)

 

检验NodeJS相关前提条件:

Node -v

npm -v

 

安装WebStorm

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

定义UIThemes (了解Themes https://www.material-theme.com/

激活WebStorm

 

下载项目依赖的其他NodeJS插件(如果有必要):

npm install express  -save   # 本地安装(没必要全局安装 将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。)
 npm install body-parser --save    # body-parser - node.js 中间件,用于处理 JSON, Raw, Text 和 URL 编码的数据。
 npm install cookie-parser --save  # cookie-parser - 解析Cookie的工具。通过req.cookies可以取到传过来的cookie,并把它们转成对象。
 npm install multer --save   # multer - node.js 中间件,用于处理 enctype="multipart/form-data"(设置表单的MIME编码)的表单数据

创建NodeJS项目

基于基础架构进行前端和后台的NodeJS开发

 

启动项目

 

输入网址访问已运行的NodeJS项目

http://localhost:3000/

 

 

 

使用WebStorm创建Vue项目的步骤如下: 1. 打开终端,并运行以下命令安装Vue脚手架:npm install vue-cli -g 2. 然后在终端中切换到你想要创建Vue项目的文件夹,并运行以下命令:vue init webpack myproject1 (其中myproject1是你的项目名称) 3. 按照提示输入相关内容,比如项目名称、描述等。 4. 完成以上步骤后,Vue项目将被创建在指定的文件夹中。 另外,如果你希望在WebStorm中快速启动Vue项目,可以进行以下配置: 1. 打开WebStorm,点击顶部菜单栏的"File",然后选择"Open"。 2. 在文件浏览器中选择你创建的Vue项目文件夹,点击"Open"按钮导入项目。 3. 导入项目后,WebStorm会自动检测到该项目的相关配置文件,并设置好Vue开发环境。 4. 接下来,你可以在WebStorm中编辑和修改Vue项目的代码。 5. 若要运行项目并调出控制台,可以使用WebStorm的内置功能,在顶部菜单栏中选择"Run",然后选择"Run"或者按下快捷键"Ctrl + Shift + R"。 通过以上步骤,你就可以在WebStorm创建和运行Vue项目了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [用webstorm创建vue项目](https://blog.csdn.net/u014274590/article/details/84849474)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [使用webstorm创建并且运行vue项目详细教程](https://blog.csdn.net/qq_36538012/article/details/88054170)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值