IDEA启动VUE项目的方法

启动VUE项目

若是第二次启动项目,可直接从 第5步 开始
1、安装node.js ,使用查看版本命令查看是否安装成功
node.js下载地址

C:\Users\admin>node -v
v14.17.4
C:\Users\admin>npm -v
6.14.14

2、安装淘宝镜像

npm install -g cnpm --registry=http://registry.npm.taobao.org

3、设置淘宝镜像,输出镜像路径

npm config set registry https://registry.npm.taobao.org

npm config get registry

4、安装 @vue/cli 构建工具,全局安装 webpack

cnpm install -g @vue/cli

npm install --save-dev webpack

5、进入项目目录,初始化构建项目

vue init webpack 项目名称

​ 提示选项回车默认即可。

6、安装项目所需依赖

cnpm install

7、启动服务

npm run serve

​ 启动成功后就可以根据给出的地址访问项目

取消npm的验证
npm set strict-ssl false
强制清除npm缓存
npm cache clear --force
降低版本
npm install npm@6.14.14 -g
报错find python 问题 管理员
npm install --global --production windows-build-tools

IDEA启动VUE项目

1、以上步骤全部完成,就可以在IDEA中添加启动方法,启动该项目了。
在这里插入图片描述
2、填入相应的node地址和启动方式,点击ok就可以用idea直接启动项目了
在这里插入图片描述

### 配置 IntelliJ IDEA 支持 Vue.js启动项目 #### 安装必要的插件和支持环境 为了使 IntelliJ IDEA 能够支持 Vue.js 的开发,需要先安装相应的插件。如果遇到安装 vue 插件提示 nothing found,则可能是由于网络原因或仓库源未更新造成的[^2]。 建议尝试以下方法解决此问题: - 更换 Idea 的插件市场为中国镜像站点或其他稳定源; - 手动下载并安装 Vue.js 插件文件; 完成插件安装后重启 IDE 以应用更改[^1]。 #### 创建新的 Vue.js 项目 在 JavaScript 类目下查找 `vue` 关键字,并按照向导指示创建一个新的 Vue.js 工程。首次访问该选项时可能会有短暂延迟,因为 IDE 正在准备所需资源[^3]。 #### 运行与调试配置 对于希望快速测试项目的开发者来说,可以通过点击界面中的绿色播放按钮来直接执行默认服务端口为 8080 的本地实例。当浏览器能够正常显示预期页面内容时即表示部署成功[^5]。 另外,也可以通过 Edit Configurations 功能来自定义更复杂的构建脚本以及指定特定版本的 Node.js 和 NPM 命令路径等参数。 #### 设置自动重新加载功能 为了让修改后的代码可以即时生效而无需手动停止再启动服务器,可以在 Run/Debug Configuration 中勾选 "Single instance only" 及启用 Hot Module Replacement (HMR),从而提高开发效率。 ```bash npm install -g @vue/cli-service-global ``` 以上命令用于全局安装 Vue CLI Service,有助于简化后续操作流程[^4]。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值