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直接启动项目了
在这里插入图片描述


版权声明:本文为Stdio_QU原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。