当前位置: 首页 > article >正文

vue项目创建与运行(idea)

一、安装vue

在安装完node.js后

使用管理员身份运行命令行,在命令行中,执行如下指令:
npm install -g @vue/cli

这个过程中,会联网下载,可能会耗时几分钟,耐心等待。

以管理员身份运行cmd检查版本

idea创建vue项目的几种方式

1、vue -ui

管理员cmd,输入命令

vue -ui

进入项目管理器进行创建

选择文件夹,创建项目。

然后选择预设,配置完成

用idea打开项目所在的目录

用vscode打开需要执行npm -serve

2、安装idea插件

Vue.js Plugin for JetBrains IDEs | JetBrains Marketplace

找到自己安装所对应的版本

这里以2017.3为例

点击右下角,install plugin from disk

选择jar包,

导入后apply进行应用

重启后

权限问题解决办法

问题描述

PS D:\QCBY\vuetest> npm run serve npm WARN logfile could not be created: Error: EPERM: operation not permitted, open 'D:\nodejs\node_cache\_logs\2025-01-17T13_36_07_834Z-debug-0.log' npm WARN logfile could not be created: Error: EPERM: operation not permitted, open 'D:\nodejs\node_cache\_logs\2025-01-17T13_36_08_296Z-debug-0.log' npm ERR! code ENOENT npm ERR! syscall open npm ERR! path D:\QCBY\vuetest/package.json npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, open 'D:\QCBY\vuetest\package.json' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! Log files were not written due to an error writing to the directory: D:\nodejs\node_cache\_logs npm ERR! You can rerun the command with `--loglevel=verbose` to see the logs in your terminal PS D:\QCBY\vuetest>

打开node.js所在文件夹

修改nodecache和nodegloble的属性

右键属性--》安全

编辑users的权限都勾选上(除了最后一个)


http://www.kler.cn/a/509855.html

相关文章:

  • ASP .NET Core 学习(.NET9)配置接口访问路由
  • Armv8/Armv9架构从入门到精通-介绍
  • 令牌主动失效机制实现——Redis登录优化
  • 飞牛 使用docker部署Watchtower 自动更新 Docker 容器
  • 如何将本地 Node.js 服务部署到宝塔面板:完整的部署指南
  • SQL刷题快速入门(二)
  • 网络安全技术之网络安全
  • 三维扫描赋能文化:蔡司3D扫描仪让木质文化遗产焕发新生-沪敖3D
  • leetcode76-最小覆盖子串
  • 在 Web 应用中集成多种地图 API 的实现与管理
  • WinForm实现无边框拖动的两种方式
  • 三台 Centos7.9 中 Docker 部署 Redis 哨兵模式
  • 每日十题八股-2025年1月18日
  • VScode侧边栏左下角,没有NPM脚本,如何打开???
  • 代码随想录刷题day11|(链表篇)206.翻转链表
  • 20250118在excel中使用公式的时候如何直接拖拽全部到最后
  • ubuntu安全配置基线
  • 蓝桥杯训练—字符串对比
  • Git代码管理工具 — 5 GitHub远程仓库
  • 将.ext4文件挂载在ubuntu系统本地的步骤和方法
  • Redis 部署模式
  • Pandas库的常用内容归纳
  • [LeetCode] 链表完整版 — 虚拟头结点 | 基本操作 | 双指针法 | 递归
  • 安路FPGA开发工具TD:问题解决办法 及 Tips 总结
  • 鲍厚霖:引领AI广告创新,搭建中美合作桥梁
  • Python 的 WebSocket 实现详解