2019 使用idea自动创建基于Vue CLI的Vue程序

最新推荐文章于 2024-07-22 09:01:12 发布
最新推荐文章于 2024-07-22 09:01:12 发布
阅读量8.6k 收藏
点赞数 1
分类专栏： 前端 Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41912398/article/details/105384260
版权
前端 同时被 2 个专栏收录
51 篇文章 2 订阅
订阅专栏
Vue
20 篇文章 9 订阅
订阅专栏

之前一直是用命令来创建vue，今天发现idea可以用vue.js插件自动创建基于vue-cli的应用

PS:我觉得刚刚开始的话还是先用命令行来创建项目比较好

1.请确定你已经安装好了环境和插件

环境：在这里插入图片描述
插件：

在这里插入图片描述

2.新建staticWeb项目，类型选择vue.js

可以看到下面有提示说是基于vue CLI的
在这里插入图片描述
输入项目名，idea会自动选择你的node：
在这里插入图片描述

3.点击FINISH等待项目构建完成

在这里插入图片描述
在这里插入图片描述

4.运行项目

项目结构：
在这里插入图片描述
idea会自动帮你创建服务，所以运行即可：
在这里插入图片描述

运行结果

在这里插入图片描述
在这里插入图片描述

Incimo
关注
专栏目录
用 IntelliJ IDEA 从零搭建一个最简单的 Vue 项目
iw1210的专栏
05-09 1万+
用 IntelliJ IDEA 从零搭建一个最简单的 Vue 项目 一、安装 Node.js 注：如果已经安装过 Node.js 当然就不需要安装啦。 下载地址：https://nodejs.org/en/download/。 下载完成后安装。 打开命令窗口执行下面两条命令查看是否安装成功： E:\> node -v v10.15.3 E:\> npm -v 6.4.1 二、搭...
从头搭建VUE环境，使用IDEA 2021创建VUE项目
Klee2020的博客
03-10 8188
从零搭建VUE环境 IDEA 2021 创建VUE工程
idea 2019创建基于Vue CLI的Vue程序
hxiao0730的博客
04-05 341
文章目录1. 安装vue-cli2. 安装idea插件3. 新建staticWeb项目，类型选择vue.js4. 输入项目名，idea会自动选择你的node5. 点击FINISH等待项目构建完成6. 运行项目 1. 安装vue-cli npm install -g @vue/cli 2. 安装idea插件 3. 新建staticWeb项目，类型选择vue.js 4. 输入项目名，idea会自动选择你的node 5. 点击FINISH等待项目构建完成 6. 运行项目 ...
IDEA搭建Vue开发环境(安装Node.js、安装vue-cli、创建项目、编译项目、启动项目、yarn启动项目、npm和yarn命令行命令简单使用)
最新发布
Bulut0907
07-22 1692
因为这个yarn和Hadoop的yarn命令会冲突，所以修改E:\install_software\Node.js\node-v20.4.0-win-x64路径下的yarn.cmd名称为yarnJs.cmd。使用IDEA打开项目, 然后在File–Settings–Plugins–Makerplace搜索vue.js, 安装并重启IDEA。再将E:\install_software\Node.js\node-v20.4.0-win-x64目录配置到环境变量。进入项目目录，安装项目所需依赖。
idea 创建vue项目
itcake的博客
10-28 4257
一、开发环境搭建 在idea中新建项目，选中static web -> static web ，输入项目名称vue，打开terminal（alt+F12）窗口， 安装node.js 自行下载node.js安装包并安装，高版本的node.js安装完成后，会自动安装npm # 验证node版本 node -v # 验证npm版本 npm -v 配置cnpm仓库 npm i -g cnp...
idea vue.js插件(2019.3.1)
02-02
亲测 本人IDEA版本2019.3.1 vuejs-193.5662.65.zip File>Setting>plugins>install plugin from disk 选择文件安装完重启即可; 亲测 本人IDEA版本2019.3.1 vuejs-193.5662.65.zip File>Setting>plugins>install plugin from disk 选择文件安装完重启即可; 亲测 本人IDEA版本2019.3.1 vuejs-193.5662.65.zip File>Setting>plugins>install plugin from disk 选择文件安装完重启即可; 亲测 本人IDEA版本2019.3.1 vuejs-193.5662.65.zip File>Setting>plugins>install plugin from disk 选择文件安装完重启即可;
IDEA上面安装vue的插件
10-11
上面安装vue的插件最新版！
基于vue-cli脚手架整合echarts5创建的水球图案例
07-19
要创建一个基于Vue CLI的新项目，你需要全局安装Vue CLI，然后通过`vue create project-name`命令来创建项目。 接着，我们引入ECharts5。ECharts5是一个基于JavaScript的数据可视化库，支持多种浏览器和设备，提供...
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
10-16
然而，在使用IntelliJ IDEA或WebStorm这样的IDE时，有时可能会遇到Vue CLI脚手架项目无法识别Webpack别名的问题，这会给开发带来不便。本文将详细介绍如何解决这个问题。 首先，Webpack别名是Webpack配置中的一个...
使用IDEA工具配置和运行vue项目及遇到的坑
08-26
使用IDEA工具配置和运行vue项目及遇到的坑 在本篇文章中，我们主要介绍了使用IDEA工具配置和运行vue项目的步骤，并分享了我们在配置和运行过程中遇到的坑，以便帮助读者避免类似的错误。 一、IDEA中配置vue插件 ...
idea vuejs插件
05-27
idea vuejs插件
Idea从零搭建一个简单的vue项目
柳絮
10-11 188
Idea从零搭建一个简单的vue项目 https://www.jianshu.com/p/9c1d4f8ed068
idea集成vue
GSJavaGCS的博客
07-06 1510
1、安装node.js：https://nodejs.org/en/，选择对应的版本下载安装即可。 点击下一步安装即可 安装完成后查看是否安装成功 2、webpack的安装 由于vue-cli是基于webpack的，所以我们要在安装一下webpack，命令行输入： npm install webpack -g 之后命令行输入：cnpm install vue-cli -g全局下安装 安装手脚架vue-cli 3、安装访问外网会比较慢，所以这里建议下载淘宝镜像，命令行输入：npm install -g cn
Idea集成Vue
weixin_43985446的博客
03-17 149
https://blog.csdn.net/linzhefeng89/article/details/104839482/
IDEA集成vue
aicui7782的博客
12-03 228
1.打开IntellIJ IDEA的Plugins窗口,在查询框输入vue。 2.点击右边的安装按钮。 3.点击重启IDEA 4.配置支持.vue后缀文件 5.配置支持 ECMAScript 6 以上配置完成,即可快快乐乐的写vue代码了; 转载于:https://www.cnblogs.com/linman/p/10059415.html...
idea 集成vue 开发环境
hailang86的博客
11-28 467
这篇写的不错，很详细https://www.imooc.com/article/255289
idea集成vue开发环境
qq_32461003的博客
08-18 2268
因开发使用需要一个后端狗子需要看一下前端，但是又不想额外去下载其它的前端开发工具，所以就想着使用idea集成vue的开发环境进行前端的前开。 一，nodejs环境安装 1，下载nodejs安装包，官网地址 下载长期维护版本的安装包（你也可以下载最新版本的） 2，安装nodejs，按照提示点击下一步，如果需要修安默认安装路径自行处理（个人十分讨厌默认安装路径） 3，修改相关下载相关的数据保存目录 进入nodejs的安装目录下的 \node_modules\npm 下找到npmrc文件，并去掉默
IntelliJ IDEA 设置 vue 支持
Maggieq8324的博客
09-04 4246
一、IntelliJ IDEA支持.vue文件 安装vue.js file --> settings --> plugins，输入vue，点击搜索结果里的vue.js右边的install按钮，安装成功后重启idea，这样idea就能识别.vue文件了 设置vue新建文件模板 file-->setting-->editor-->file and code Tem...
使用Intellij IDEA创建vue-cli项目教程
"本文主要介绍如何使用IntelliJ IDEA搭建Vue CLI项目，包括安装和配置必要的环境，以及在IDEA中进行项目构建和运行的详细步骤。" 在开发Web应用程序时，IntelliJ IDEA作为一款强大的集成开发环境(IDE)，为开发者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值