vue项目创建与运行(idea)
一、安装vue在安装完node.js后
使用管理员身份运行命令行，在命令行中，执行如下指令：
npm install -g @vue/cli
这个过程中，会联网下载，可能会耗时几分钟，耐心等待。
以管理员身份运行cmd检查版本
https://i-blog.csdnimg.cn/direct/dfd6456619764a71ade2d974d2f452a1.png
idea创建vue项目的几种方式
1、vue -ui
管理员cmd，输入命令
vue -ui
https://i-blog.csdnimg.cn/direct/1a7d8abb24084a7090399b67b6e4df11.png
进入项目管理器进行创建
https://i-blog.csdnimg.cn/direct/863c38d27fcc43d29906a9f2b3ef96d8.png
选择文件夹，创建项目。
https://i-blog.csdnimg.cn/direct/6ea395b3b94a47aabf6da5e732ff4a68.png
https://i-blog.csdnimg.cn/direct/02bb63e5dc9a4e80b27c26abf0c4e2b1.png
然后选择预设，设置完成
https://i-blog.csdnimg.cn/direct/599131d43c564d94b3640af0a94da95b.png
用idea打开项目所在的目录
用vscode打开需要执行npm -serve
2、安装idea插件
Vue.js Plugin for JetBrains IDEs | JetBrains Marketplace
https://i-blog.csdnimg.cn/direct/ba5edfefff0f49f886e449a944b7f17f.png
找到本身安装所对应的版本
https://i-blog.csdnimg.cn/direct/72e153c19ea5407b9e4f84ba1abead4a.png
这里以2017.3为例
https://i-blog.csdnimg.cn/direct/804bcec03bbf4f43af31f9e832892ea3.png
点击右下角，install plugin from disk
https://i-blog.csdnimg.cn/direct/182029a1ca9540c59332418852764b1e.png
选择jar包，
导入后apply进行应用
重启后
https://i-blog.csdnimg.cn/direct/fadcbb91181e45cd8b5fcdd4504a1ac9.png
权限题目办理办法
题目形貌
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的属性
右键属性--》安全
https://i-blog.csdnimg.cn/direct/c40d96e15f7c4820a64ab70c8398a7f7.png
编辑users的权限都勾选上（除了末了一个）
https://i-blog.csdnimg.cn/direct/e1750531f2344be2a4782c2de3e979a7.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]