IDEA创建一个新的Vue项目

最新推荐文章于 2024-07-22 09:01:12 发布
最新推荐文章于 2024-07-22 09:01:12 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： Vue 文章标签： vue intellij idea
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44391298/article/details/123619491
版权
本文介绍了如何在IntelliJ IDEA中创建Vue项目，强调了不选择Vue CLI的原因以及使用淘宝镜像通过npm安装vue-cli的步骤。还提到了Vue项目命名规范，以及通过vue ui启动可视化界面创建项目的过程，并提供了在IDEA中管理Vue项目的快捷键。
摘要由CSDN通过智能技术生成

在这里插入图片描述
先选这个，选下面的Vue的话需要安装Vue CLI，会选择国外的服务器下载，先不选中，后面可以选择在淘宝镜像下载，以下是用淘宝镜像下载流程
npm i -g cnpm --registry=https://registry.npm.taobao.org
在这里插入图片描述
npm i -g vue-cli
在这里插入图片描述
1、vue的项目名不能是有大写字母
2、vue可视化界面创建项目
3、vue ui启动可视化界面
4、在IDEA创建的目录中启动vue：win+R输入cmd，管理员身份运行，找到创建的vue文件，输入vue ui启动可视化界面
在这里插入图片描述

在这里插入图片描述

最低0.47元/天 解锁文章
不一样的烟火o
关注
专栏目录
idea创建vue项目，引用elementUI并从springboot项目获取数据4：数据的显示
10-17 754
idea创建vue项目，引用elementUI并从springboot项目获取数据4：数据的显示
基于IDEA创建第一个Vue项目和编写第一个Vue程序
zhengzaifeidelushang的博客
04-19 1638
基于IDEA创建第一个Vue项目和编写第一个Vue程序一、认识Vue二、安装node.js三、安装淘宝npm镜像和vue脚手架四、安装webpack五、安装vue插件六、创建vue项目七、创建项目依赖包文件夹nodo_modules八、查看完整的目录结构和编写vue代码部分九、运行vue程序十、配置HTML支持.vue后缀的文件十一、通过CDN引入Vue.js或下载引入Vue.js十二、编写第一个Vue程序 一、认识Vue Vue是一套用于构建用户界面的渐进式框架。Vue被设计为可以自底向上逐层应用。Vue
java excel前端预览_推荐一个基于 Vue 的前端界面可视化设计器项目
weixin_39630735的博客
11-21 525
简介基于 Vue 开发的界面可视化设计器，前端小白可以直接拖拽生成前端代码。特性可视化拖拽布局支持数据关联和交互行为的可视化编辑支持扩展组件、组件属性、属性编辑器依赖vjform，可视化布局基于 vjform 扩展Lodash，使用了 get set forEach 等 APIVue，基于 v2.5.9 测试，理论上支持高于 v2.4.0 版本vuedraggable，实现拖拽布局vue-json...
IDEA搭建Vue开发环境(安装Node.js、安装vue-cli、创建项目、编译项目、启动项目、yarn启动项目、npm和yarn命令行命令简单使用)
最新发布
Bulut0907
07-22 2379
因为这个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目录配置到环境变量。进入项目目录，安装项目所需依赖。
IntelliJ IDEA快捷键大全 + 动图演示
Java团长的博客
04-16 757
来源：blog.csdn.net/weixin_67276852?type=blog大家好，我是团长~本文参考了 IntelliJ IDEA 的官网，列举了IntelliJ IDEA（Windows 版）的所有快捷键。并在此基础上，为 90% 以上的快捷键提供了动图演示，能够直观的看到操作效果。该快捷键共分 16 种，可以方便的按各类查找自己需要的快捷键~~一、构建/编译...
Vue学习笔记（一） 利用idea 搭建 vue 项目
dengxianji1647的博客
12-14 524
环境准备工作： 安装node.js 环境 -- 略 安装vue-li全局安装vue-cli，在命令行中执行npm install -g vue-cli idea准备工作： 安装vue.js File -> Settings ->Plugins ->Browse respositoties 中搜索vue.js 安装 ...
Vue + Spring Boot 项目实战（三）：使用IntelliJ IDEA快速生成 Vue.js 项目
Gblfy_Blog
01-14 4292
文章目录一、使用idea Vue插件生成项目结构1.1. Create New Project1.2. 设置项目地址1.3. 确认项目名称1.4. 项目描述1.5. 作者信息1.6. 编译模板1.7. 安装路由二、安装node_modules模块三、启动项目四、Vue 项目结构分析4.1. 概览4.2. index.html4.3. App.vue4.4. main.js4.5. 项目源码 一、使...
使用IDEA创建一个简单的Vue项目
qq_43609574的博客
07-16 2031
使用IDEA创建一个简单的Vue项目Vue项目的创建使用的软件及库版本情况开始新建一个Vue项目运行 Vue项目的创建 使用的软件及库版本情况 可在命令行进行版本查看 IDEA 2020.3.2 node.js 10.15.1 npm 6.4.1 vue 2.9.6 vue-cli 4.5.13 开始 新建一个Vue项目 项目类型选择JavaScript–>Vue.js 项目命名（不能有大写字母） 等待项目资源下载完毕后（过程中有一次需要输入Y）的项目目录结构图如下 运行 打开浏览器访问8
idea创建vue项目，引用elementUI教程附件
10-17
idea创建vue项目，引用elementUI并从springboot项目获取数据教程附件
IDEA创建Vue项目
easyJob
08-21 713
※基础知识： A.node.js Node.js是一个Javascript运行环境(runtime)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快，性能非常好。 Node.js是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞I/
怎样创建一个vue项目（vue官方提供的可视化界面版）
wysmh520的博客
12-21 384
1，注意，这个操作知识针对于vue3.0级以上的，3.0以下的没有 2.win+r打开操作界面，输入vue ui 并会在浏览器自动打开这个界面 3.选择项目路径 4.创建项目名称 5.选择手动创建 6.选择插件，可根据具体情况选择 7.配置 8. 9.创建项目，这里有时候会很慢，主要跟网络好坏有关 cmd命令栏里是这样的 10.这样就创建成功了 11。启动服务 12.访问8080端口 ...
idea中用不了vue快捷键
Dorothy2000的博客
05-05 631
按了tab没反应，不能补全。
Idea中开发vue的三两件小事
01-04 460
1：idea中安装vue插件 到这里idea安装vue插件就好了，可以新建vue页面使用了 2：idea中运行vue项目的配置 配置run启动 最后点击刚才配置的run，运行vue项 参考：idea中搭建vue（详细版） IDEA安装vue插件图文详解 ...
IDEA中使用Vue运行项目
酒剑仙的技术心得
10-26 780
安装Node.js 安装 cnpm 安装Vue脚手架vue-cli 使用Git获取项目源码 安装vue项目依赖 IDEA中排除 正确做法 错误做法 增加文件夹排除项，打开settings->Editor->File Types，最下面的Igore files and folders增加node_modules;排除后IDEA还会对node_modules文件夹进行索引，导致IDEA提示内存溢出 启动vue项目 ...
IDEA注释方式快捷键
m0_58736477的博客
09-04 923
三种注释方式   行注释、块注释、方法或类说明注释。 一、快捷键：Ctrl + /   使用Ctrl+ /， 添加行注释，再次使用，去掉行注释 二、效果演示 //行注释 块注释 一、快捷键：Ctrl +Shift+/   使用Ctrl+Shift+ /， 添加块注释，再次使用，去掉块注释；   注意：如果已经写好代码块，使用块注释需要先选中要注释的块；   去除注释的时候，不需要全部选中这块代码，只用光标在注释内容上按Ctrl+Shift+/即可。 二、效果演示 /** 块..
IDEA快捷键（全网最全详细图解）
热门推荐
小丁的博客
07-27 2万+
括号分号行缩进大小写variableparameter编辑方法类 类类 （API）F i n d R e p l a c e替换查找替换 statement 语句问号？
IntelliJ IDEA快捷键大全 + 动图演示，建议收藏！
MarkerHub的博客
06-20 500
来源：blog.csdn.net/weixin_67276852?type=blog本文参考了 IntelliJ IDEA 的官网，列举了IntelliJ IDEA（Windows 版）的所有快捷键。并在此基础上，为 90% 以上的快捷键提供了动图演示，能够直观的看到操作效果。该快捷键共分 16 种，可以方便的按各类查找自己需要的快捷键~~一、构建/编译Ctrl + F9...
Idea个人常用快捷键、插件、基础设置
敲代码的青铜的博客
01-04 962
1、常用快捷键 换行：shift+enter 复制一行：ctrl+d 删除一行：ctrl+y 格式化：ctrl+alt+l 导包：alt+enter 进入方法：ctrl+alt+b 对代码包裹：ctrl+alt+t 快速启动：ctrl+shift+f10 类中搜索：ctrl+f 替换：ctrl+r 重命名：shift+f6 全局搜索：ctrl+shift+f 显示方法参数：ctrl+p 搜索类：shift+shift 快速创建类文件、set/get等：alt+insert 快捷创建类等：.var 快速遍历：
使用Vue的可视化界面创建项目(含Node.js安装)
u013430418的博客
09-24 1465
如果你是新人，没接触过JavaScript，这里小生建议最好不要一开始就针对一个陌生的框架进行学习，先去熟悉基础是最好的。
idea创建一个vue3项目
05-11
以下是在 IntelliJ IDEA 中创建 Vue.js 3 项目的步骤： 1. 打开 IntelliJ IDEA，点击 "Create New Project"。 2. 在 "New Project" 窗口中选择 "Vue.js"，然后选择 "Vue.js 3"。 3. 选择项目目录并设置项目名称。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值