网络编程
位置:首页>> 网络编程>> JavaScript>> 使用idea创建vue项目的图文教程

使用idea创建vue项目的图文教程

作者:@Java小白学习中  发布时间:2024-05-22 10:42:54 

标签:idea,创建,vue

一、安装node.js

 官网下载下载地址:Download | Node.js

(1)下载安装包

安装过程很简单,全部next即可。

使用idea创建vue项目的图文教程

(2)测试node.js是否安装成功

在键盘按下win+R键,输入cmd回车,打开cmd窗口;

查看版本操作:node -v和npm -v

使用idea创建vue项目的图文教程

在安装目录会出现以下这样的文件夹

使用idea创建vue项目的图文教程

(3)安装vue和全局vue-cli

在cmd窗口执行这两个操作:

npm install vue? ?
npm install --global vue-cli

二、idea安装vue.js插件

使用idea创建vue项目的图文教程

使用idea创建vue项目的图文教程

三、创建vue项目

使用idea创建vue项目的图文教程

使用idea创建vue项目的图文教程

此时等待加载,此后的弹框全部点击next

使用idea创建vue项目的图文教程

 下图就是vue项目的目录结构,刚创建完不要着急运行项目,idea会加载全局包!!!

使用idea创建vue项目的图文教程

使用idea创建vue项目的图文教程

四、修改配置文件

(1) eslint语法规范问题报错

注释掉这一行代码【...(config.dev.useEslint ? [createLintingRule()] : []),】

使用idea创建vue项目的图文教程

使用idea创建vue项目的图文教程

五、配置idea运行的环境

使用idea创建vue项目的图文教程

使用idea创建vue项目的图文教程

使用idea创建vue项目的图文教程

出现以下页面,运行成功。

使用idea创建vue项目的图文教程

来源:https://blog.csdn.net/m0_67677436/article/details/124739017

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com