IDEA创建vue项目

最新推荐文章于 2024-04-18 11:36:09 发布
最新推荐文章于 2024-04-18 11:36:09 发布
阅读量363 收藏
点赞数
文章标签： vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53263214/article/details/127092854
版权

创建vue项目时，没有vue.js，可以在Plugins中安装 Vue.js 即可

此外需要安装node.js，官网安装即可

控制台查看是否安装成功

node -v

npm -v

 （可能存在不识别命令的情况，关闭idea，以管理员身份运行idea即可）

另外需要配置环境变量

 

 

 

 

运行，显示端口表示运行成功

 

 

qq_53263214
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
idea创建vue项目，引用elementUI教程附件
10-17
idea创建vue项目，引用elementUI并从springboot项目获取数据教程附件
Intellij IDEA搭建vue-cli项目的方法步骤
12-12
vue-cli对于node和npm的版本是有要求的。 可以通过 node -v （npm -v）查看当前版本，通过 where node （where npm）查看安装路径。 如果node版本不符合vue-cli的要求，那么可以在node官网下载稳定版本并安装。 ...
使用IDEA开发Vue项目
Smile的博客
11-07 1万+
使用IDEA开发Vue项目 一、软件安装 1、安装Node Node官网下载，安装一直下一步 # 配置淘宝源 npm config set registry http://registry.npm.taobao.org/ 2、安装IDEA 略… 二、插件及配置 1、安装vue.js插件 IDEA plugins中搜索vue.js并安装 2、配置vue文件 3、添加右键创建.vue文件 模板格式可以自定义 <template> <div>{{msg}}</div&g
用idea创建vue项目
m0_67677436的博客
05-12 1万+
目录 一、安装node.js （1）下载安装包 （2）测试node.js是否安装成功 （3）安装vue和全局vue-cli 二、idea安装vue.js插件 三、创建vue项目 四、修改配置文件 五、配置idea运行的环境 一、安装node.js 官网下载下载地址：Download | Node.js （1）下载安装包 安装过程很简单，全部next即可。 （2）测试node.js是否安装成功 在键盘按下win+R键，输入cmd回车，打开cmd窗口； 查看版本操作：node.
使用IDEA创建Vue项目
weixin_45732391的博客
01-01 8088
使用IDEA创建Vue项目 1.File==>New==>Project 2.点击Static Web,选择右边的Vue.js，点击下一步 3.修改项目名称，其它的默认值可以不修改 4.后续许多页面的默认值可以不修改，一直点击下一步 5.创建完成之后，点击左下角的npm，双击start，如果报错，打开终端，输入npm i,然后回车 5.再点击start即可，蓝色地址即是项目访问地址。 ...
Idea创建vue项目
热门推荐
qq_46017272的博客
04-01 2万+
一、首先去官网下载node.js，并安装 node.js下载地址：Download | Node.js 我在之前就安装过，选择的是Windows64 16.14.1版本，可结合自己的系统选择 下载完成后，默认进行安装即可，安装完node后，node中会自带npm，便于以后的安装下载 我们可以在cmd中查看node版本，输入node -v 二、安装vue-cli脚手架 在cmd中输入命令：npm install -g @vue/cli@4.5.15(我这里安装的是这个版本，可以自行选.
IntelliJ IDEA编辑器配置vue高亮显示
10-16
接下来，我们将使用vue-cli来快速搭建一个Vue项目。打开命令行工具（如cmd或IDEA内置的Terminal），进入你想要创建项目的目录，输入以下命令： ``` vue init webpack mypro ``` 这里的"mypro"是你的项目名，可以...
springboot第四章：使用idea创建vue项目
zhwx0537的博客
04-24 6660
运行npm install。4、配置启动和编译选项。
手把手教程-使用idea创建vue项目
Wang_ning__的博客
10-24 1万+
小编在第一次通过IDEA使用Vue创建脚手架时，对于网上那么多方法真实头大，在经过多次的测试后，终于有一种简单直接的方法，费话不多说，上操作方法和相应的截图。
idea运行vue项目
weixin_39816740的博客
03-16 3789
File - Settings - Languages&amp;Frameworks - JavaScript：修改JavaScript language version为ECMAScript 6，确认 File - Settings - Plugins：搜索vue，安装Vue.js Run - Edit Configurations...：点击加号，选择npm，Name为Run，packa...
idea创建Vue项目流程
m0_64005688的博客
03-26 2014
idea从0开始安装vue并学习相关知识
idea创建vue项目（包含两个常见错误，看过不亏哦）
ololol456的博客
11-23 3125
创建vue项目（包含两个常见错误），记录学习
IDEA中Vue开发环境搭建
最新发布
yinshengchen的博客
04-18 5759
要解决 “npm ERR!missing script: build” 错误，我们需要在 package.json 文件中定义一个名为 “build” 的构建脚本。找到项目根目录中的package.json文件，这里列出了项目所依赖的所有资源与版本号，右键该文件，打开于终端，输入npm install 命令安装所有依赖；在上述代码中，我们添加了一个名为 “build” 的构建脚本，该脚本使用 webpack 进行生产模式构建。(3) 右侧“Scripts”处输入“dev”，其它idea已经默认选好。
关于IDEA 安装Vue插件后，在新建文件中无Vue Component选项的问题及解决方法
m0_64245578的博客
11-11 1004
关于IDEA 安装Vue插件后，在新建文件中无Vue Component选项的问题及解决方法 打开IDEA，点击"file"，选择settings，展开找到File and Code Templates; 点击Files选项，下拉找到Vue Single File Component，选中该选项（Vue Single File Component）; 点击其上面的Copy Template，在下面会出现一个新的文件（Copy of Vue Single File Component）; 点击选中Cop
idea创建vue项目
weixin_45049852的博客
05-16 1224
idea创建vue项目 环境要求：node.js、npm、vue.js 开发工具：IntelliJ IDEA 1. 打开idea，创建项目。 2.点击JavaScript——>vue.js（如果没有vue.js,自行安装vue.js插件） 3.next——>finish 4.等待初始化完成，终端输入npm run dev或者npm run serve 启动完成 ok! ...
创建VUE项目，在IDea上进行开发与运行的简单流程
weixin_45928161的博客
03-07 8017
目录一、创建VUE项目1. 外部终端创建2. IDea内部终端创建3. 项目介绍4. vue 的特别之处二、在IDea上开发与运行1. 创建组件与编码2. 配置组件路由3. 设置访问关联4. 运行 一、创建VUE项目 这里只介绍其中我所熟知的两种方式 1. 外部终端创建 在存储vue项目的目录，清除路径并输入cmd，回车，进入当前目录的命令行终端 创建vue项目 注意名称不可用大写英文vue create demo_01 根据自己需要选择模式，这里我选择自定义模式 创建好的项目在IDea中打开即
使用IntelliJ IDEA创建Vue.js项目的专业指南
勤劳的小琪
03-01 4518
Vue.js是一个构建用户界面的渐进式框架，而IntelliJ IDEA是一款功能强大的Java集成开发环境（IDE），但它也支持多种前端技术，包括Vue.js。在本文中，我们将介绍如何使用IntelliJ IDEA创建一个Vue.js项目，并附上解决思路和代码示例（尽管Vue.js项目本身不包含Java代码，但我们将展示如何在IDEA中设置和运行Vue.js项目）。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值