用webstorm运行vue项目

最新推荐文章于 2025-03-02 18:57:11 发布
最新推荐文章于 2025-03-02 18:57:11 发布
阅读量792 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 构建项目 文章标签： vue.js
原文链接：https://blog.youkuaiyun.com/Dora_5537/article/details/87921443
这篇博客详细介绍了Node.js的安装步骤和环境变量配置，包括解决EPERM权限错误和npm命令不可用的问题。此外，还提到了webpack-dev-server命令的运行方法，以及如何通过淘宝镜像解决node-sass下载失败的困扰。最后，针对模块构建失败的问题，建议安装最新版本的sass。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.安装node.js 

NodeJs的安装和环境变量配置  https://blog.youkuaiyun.com/u011127019/article/details/56666472   

2.Error: EPERM: operation not permitted, open 'D:\nodejs\node_cache\_locks\staging-e48ddaa043eb7f30.lock'

找到node安装目录，右键属性，点击安全，设置users用户完全控制权限

3.'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序

使用的是webstorm工具，可以点击左下角的Terminal，依次输入命令：npm install、npm run build，最后运行npm run dev后项目成功运行。

4.Cannot download "https://github.com/sass/node-sass/releases/download/binding.nod

用淘宝镜像安装 npm install -g cnpm

5.Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible vers

安装最新版本的 sass npm install node-sass@latest

6.使用WebStorm运行vue项目

https://blog.youkuaiyun.com/Dora_5537/article/details/87921443

python工具系列：webstorm导入vue项目及其运行
weixin_54626591的博客
06-25 750
webstorm导入vue项目及其运行
webstorm新建vue项目相关问题
zwrlj527的专栏
05-25 1208
1、建项目就这么简单，也就是会遇到这些事而已2、说webstorm不支持微信小程序开发的朋友，安装Uniapp Support试试3、对我难的不是vue的语法，而是画页面、样式，以前出H5还用jQuery的时候，就是烦页面、样式。好了，后端人就唠叨叨这里，希望能帮到大家，uping！
Mac 环境webstorm开发工具，将 vue 进行build部署生产环境在nginx下，进行跨域请求接口
liuxy_236的博客
12-13 853
1、前期准备 安装nginx，请转到文章《Mac brew方式安装nginx》 安装vue，请转到文章《Mac homebrew方式安装vue》 2、项目配置 项目名称stock_news, 项目位置：/Users/xueyingliu/WebstormProjects/stock_news 修改config/index.js文件的build配置，如图 开发的时候配置是下面图片所...
webstorm怎么添加支持php,怎样使用webstorm添加*.vue文件
weixin_29802461的博客
03-26 748
这次给大家带来怎样使用webstorm添加*.vue文件，使用webstorm添加*.vue文件的注意事项有哪些，下面就是实战案例，一起来看一下。方法1：安装 Vue.js 插件打开 Settings->Plugins 搜索安装css预处理器支持在我写这文章的时间，还没有支持预处理的方案，不过现在已经很简单了。给 style 标签加上 rel=”stylesheet/scss” 属性即可支持...
webstorm前端开发工具vue环境配置及运行项目
weixin_30675247的博客
06-25 1252
1：webstorm的安装：2：node.js的安装3：安装Git4：vue-cli 安装前面两步就可以把项目启动了，安装Git主要是打开命令窗口，这样就可以用liunx命令了，原理跟cmd差不多 Vue.js是一套构建用户界面的 “渐进式框架”。 Vue 采用自底向上增量开发的设计。 Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项...
webstorm添加vue.js标签
irose的博客
05-15 332
最快捷的方法： 步骤： 1.打开setting的editor 2.按照以下顺序添加vue的标签即可 一般使用的有 v-text v-html v-once v-if v-show v-else v-for v-on v-bind v-model v-ref v-el v-pre v-cloak v-on:click v-on:keyup.enter v-on:keyup
WebStorm上运行vue2.0
冷兮Coding
07-18 4736
首先打开我们之前用vue-cli脚手架生成的项目，还没有创建项目的同学可以看我上一篇博客（博客链接）     1.打开WebStorm         2.点击open选择你项目的路径后打开。   3.之后在右上角，点击Edit Configurations          4.点击打开页面左侧的加号，选择npm          5.之后进行如下配置即可在WebStorm上运行...
使用WebStorm运行vue项目
北大落榜生的博客
01-02 1854
运行一个vue项目： 1.点击启动快捷按钮旁边的向下小箭头，在列表中选择Edit选项： 2.在出现的弹框中选中左上角“+”下的“npm”，如下图所示。 3.选中第二步的“npm”之后： 这里有3个地方需要更改，如下图所示。更改完成之后，依次点击右下角的“Apply”和“OK”。 Name——自己随意取； package.json——点击右边的下拉箭头，选中那唯一的选项即可； S...
使用 WebStorm 导入已有的 Vue 项目并运行的步骤与注意事项
cooldream2009的博客
09-08 2392
Vue.js 作为一款轻量级、渐进式的 JavaScript 框架，在前端开发中应用广泛。而 WebStorm 作为 JetBrains 家族的旗舰 IDE，提供了丰富的工具支持。本文将介绍如何使用 WebStorm 导入已有的 Vue 项目、运行步骤、注意事项、常见问题及解决方案，同时重点介绍如何管理 Vue 项目中 Node.js 与 npm 版本的对应关系。
使用WebStorm开发Vue3项目
最新发布
web18285997089的博客
03-02 1664
记录一下使用WebStorm开发Vu3项目时的配置。
关于 webstorm 使用vue文件
qq_38251335的博客
05-09 1304
1、webStorm下载vue插件，webStorm——preferences——plugins，搜索vue webStorm中已安装vue插件的界面 如果没有安装过，界面长这样： webStorm中未安装vue插件的界面——图1 webStorm中未安装vue插件的界面——图2 2、安装成功后，重启webStorm，重启完成后 webStorm—— preferences—...
前端--使用webstorm创建一个vue项目
blues的博客
04-21 3354
一、webstorm的安装： 1、什么是webstorm WebStorm是jetbrains公司旗下一款JavaScript 开发工具，和IntelliJ IDEA同源。 再多的，可以 2、webstorm安装 一位大神整理的webstorm安装教程，我是按照这个教程安装的。 https://blog.csdn.net/xunciy/article/details/77345663 ...
Webstorm安装了vue脚手架后终端输入vue报错解决方法
iammarrio的博客
02-06 883
vue: 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上`禁止运行脚本`。
webstorm 项目必须重新build才会刷新界面解决办法
lanjingmao的博客
06-20 664
第二步：Debug Configurations中添加 JavaScript Debug。第一步：Debug Configurations中添加 npm。
jetbrains（WebStorm等） 最新版2024设置中文以及不生效解决办法
热门推荐
weixin_48642777的博客
09-25 1万+
jetbrains（WebStorm、IDEA等） 最新版2024设置如何设置中文面板以及设置完成中文后不生效的解决办法
webStorm上使用vue
Mzjuser的博客
10-13 2725
1.webStrom的安装      WebStorm是Jetbrains公司旗下的一款JavaScript开发工具，因其界面简洁，操作方便，被广大国内JS开发者誉为“Web前端开发神器”。 官网下载 https://www.jetbrains.com/webstorm/ 安装webStorm（运行webStrom.exe文件，进行安装） 2.node.js的安装     1、什么是no...
在idea的terminal上运行 npm install报npm WARN locking errno: -4048
qq_30505421的博客
07-10 2674
npm WARN locking errno: -4048,npm WARN locking code: 'EPERM',npm WARN locking syscall: 'open', D:\Code\Project\2021-3-1\ruoyi-vue\ruoyi-ui>npm install npm WARN locking Error: EPERM: operation not permitted, open ‘D:\Environment\nodejs\node_cache_l
WebStorm打包vue项目并且部署到服务器
chaishen10000的专栏
05-12 6046
一、打包项目 使用 WebStorm 打开项目，在 WebStorm 的终端输入添加依赖命令 > npm install > npm run build 打包完成后，会在项目根目录下生成一个 dist 文件夹，里面的文件就是需要部署的打包文件。 二、部署项目 全局安装 express-generator 生成器 > npm install express-generator -g 三、创建项目部署目录 使用 Node.js 命令提示工具进入项目部署根目录，使用 expr
webstorm配置vue开发环境
到山顶去看看！
06-26 2358
🌳🌳🌳前言：本文章针对于如何用IDE和webstorm运行一个别人的vue项目进行步骤记录。
webstorm运行vue项目
12-20
以下是使用WebStorm运行Vue项目的基本步骤： 1. **安装Vue插件**：打开WebStorm，如果你还没有安装，需要从插件市场下载并安装Vue.js插件，这将提供对Vue语法高亮、智能提示以及构建工具的支持。 2. **创建新项目*...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值