idea引入vue插件报错_IDEA工具引入vue项目后配置和运行(五)

本文介绍了在IntelliJ IDEA中配置Vue.js插件,搭建Node.js环境,安装cnpm和vue-cli,以及如何使用vue-cli构建和运行Vue项目。详细步骤包括从安装Vue插件到通过npm或cnpm安装项目依赖,最后设置IDEA运行配置。
摘要由CSDN通过智能技术生成

*** 不要使用 import  去引入项目,因为不是传统的项目结构 这样打不开,直接使用open 打开文件夹即可。

一、在IDEA中配置vue插件

点击File-->Settings-->Plugins-->搜索vue.js插件进行安装,下面的图中我已经安装好了

fc041f0a672caa1ef08f8113849a6c2a.png

二、搭建node.js环境

安装node.js 可以去官网下载:安装过程就很简单,直接下一步就行

测试是否安装成功:要使用管理员方式打开命令行cmd

输入:

输入 node -v 如果出现版本号,则说明安装成功,npm包管理器是集成在node中的,所以,直接

输入 npm -v 就会显示npm版本信息

三、安装cnpm(注意都是管理员方式运行)

由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,

所以还需要安装npm的国内镜像----cnpm

执行命令前先需要在命名行中,cd 到项目的根目录后再执行命令

(如果是已存在项目,CD到package.json文件所在的目录,基本都在项目的根目录里。 因为npm要通过package.json文件内容进行项目依赖下载)

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值