idea 运行vue项目

一、vue的安装配置

1、idea中安装vue.js 点击File–>Settings–>Plugins–>搜索vue.js插件，下面的图中我已经安装好了

2、到node官网下载安装node.js 官方下载链接.

node.js 安装过程傻瓜式安装，直接下一步就可以了

3、配置node.js 环境
打开cmd命令窗口输入node -v npm -v 查看版本

node.js 安装路径D:\Program Files\nodejs (我不小心装到C盘了，好吧就这样，懒得改了)

npm config set prefix “D:\Program Files\nodejs\node_global”
npm config set cache "D:\Program Files\nodejs\node_cache"
在cmd 运行两个命令

这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。

4、配置环境
关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”-“新建”

在【系统变量】下新建【NODE_PATH】，输入【D:\Program File\nodejs\node_modules】，将【用户变量】下的【Path】修改为【D:\Program Files\nodejs\node_global】

5、测试
在cmd命令下执行 npm install webpack -g 然后安装成功后可以看到自定义的两个文件夹已生效

webpack 也已安装成功，执行 npm webpack -v 可以看到所安装webpack的版本号：

6、安装完node以后，cmd进入vue项目根路径下。
运行命令：npm install （下载必须的依赖，如果报错了就是node环境有问题，查百度重新搭环境）之后可以发现Vue项目下出现了node_modules 7、在idea中导入vue项目并运行
8、导入成功，选择

进入点击“+”–>“npm“

项目运行

浏览器输入网址 http://localhost:8080运行成功

idea 运行vue项目相关推荐

记录，再次运行vue项目报错POST http://127.0.0.1:8888/api/private/v1/login/login
可以打开登录界面,却无法打开登录后界面代码没有问题,查阅资料后是后台服务器没打开删除package-lock.json文件运行npm install 再次运行node .\app.js 打开ph ...
win10快速运行vue项目跑起来 - 方法篇
如何让win10更快速跑vue项目运行起来? 不用再每次先cd到项目目录了, 直接进入根文件夹后,再打开Powershell窗口,可以省略一大堆操作 (详情如下简介) 快捷操作如下: 先打开,并进入 ...
如何运行vue项目？(详解，建议收藏) ❤️
如何运行vue项目 (详解,建议收藏) 转载首先,列出来我们需要的东西: node.js环境(npm包管理器) vue-cli 脚手架构建工具 cnpm npm的淘宝镜像安装node.js 从no ...
运行VUE项目时，出现npm ERR! A complete log of this run can be found in:...报错
运行VUE项目时,出现npm ERR! A complete log of this run can be found in:报错时,分享以下一种解决方案. 本机的 node版本如下解决方法 1. ...
在运行vue项目时发生这种 Cannot find module ‘xxxxx‘ ，解决办法？
在运行vue项目时发生这种 Cannot find module 'xxxxx' ,解决办法? 首先,在文件夹中删除掉node_modules文件和package-lock.json文件其次,在使用 ...
运行vue项目时报npm ERR! code ELIFECYCLE错误
运行vue项目时报npm ERR! code ELIFECYCLE错误在运行vue项目时,突然项目开发环境遇到报错如下: 问题原因: 这常常是因为 node_modules中下载的版本与当前电脑系统 ...
使用vscode运行vue项目
!!学习完vue环境搭建并创建项目后下面我们介绍使用vscode运行vue项目.!! 文章参考:https://www.csdn.net/gather_29/OtTagg3sNzA2LWJsb2cO0 ...
Error: error:0308010C:digital envelope routines::unsupported问题的解决方案包括webstorm运行vue项目的解决方案
原因:主要是nodejs17版本发布了OpenSSL3.0对算法和秘钥大小增加了更为严格的限制,npm升级导致了与OpenSSL不兼容导致的初始化失败,而我的电脑上的node.js是v18.16.0的 ...
如何运行vue项目（详细步骤）
1.首先,将项目里的"node_modules"文件夹删除,这是vue项目的依赖包. 因为"node_modules"文件夹太大,一般不会打包上传到svn.gi ...
运行vue项目报DONE Build complete. The dist directory is ready to be deployed.解决办法
一.问题描述今天在运行一个vue项目时发现运行途中报这样一个错误,经过查阅相关资料可知,这是dist文件夹下二.解决办法根据官方文档,目录需要启动一个 HTTP 服务器来访问 (除非你已经将 p ...

idea 运行vue项目

一、vue的安装配置

idea 运行vue项目相关推荐

最新文章

热门文章