如何用idea创建vue项目

最新推荐文章于 2024-05-13 22:19:19 发布
最新推荐文章于 2024-05-13 22:19:19 发布
阅读量356 收藏
点赞数
文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kaspar_w/article/details/113880699
版权

首先要搭建环境，检查四个版本：node-v,npm-v,cnpm-v,vue-V.以及vue命令回车。

首先安装node,npm.

安装cnpm(淘宝镜像):在命令行输入npm install -g cnpm --registry=https://registry.npm.taobao.org,等待安装完成

全局安装vue-cli，npm install --global vue-cli

检查完毕。

首先需要在idea上安装一个VUE.JS的插件,位置settings—>Plugins–>搜索vue安装

微微是我的小名
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue简单快速上手 idea版
wifi是只狗
11-28 1495
文章目录
如何新建一个vue项目
weixin_45529161的博客
08-15 347
新建一个vue项目只需要两步： 一.安装环境 安装node.js环境 安装npm包管理器 安装npm的淘宝镜像cnpm 安装vue-cli脚手架构建工具 二.使用vue-cli初始化一个项目 具体步骤： 1.安装node.js环境 直接在官网下载电脑适用的版本：https://nodejs.org/en/ 检查是否安装成功： windows+r 输入cmd 打开命令行工具 输入node -v...
IDEA中如何使用Vue
xiaxiao520的博客
08-25 3万+
@tap @tap.stop @tap.prevent @tap.once @click @click.stop @click.prevent @click.once @change @change.lazy @change.number @change.trim v-model v-for v-text v-html v-if v-else-if v-else v-pre v-once v-bind scoped @keyup.enter :class :style v-show :key @keyup
手把手教程-使用idea创建vue项目
Wang_ning__的博客
10-24 1万+
小编在第一次通过IDEA使用Vue创建脚手架时，对于网上那么多方法真实头大，在经过多次的测试后，终于有一种简单直接的方法，费话不多说，上操作方法和相应的截图。
idea创建Vue项目
最新发布
weixin_52813800的博客
05-13 554
（方法1的项目本人的idea是直接创建vue3版本，方法2可以选择vue2 / vue3，可以在package.json查看vue版本）
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(我这里安装的是这个版本，可以自行选.
springboot第四章：使用idea创建vue项目
zhwx0537的博客
04-24 6626
运行npm install。4、配置启动和编译选项。
如何用vue搭建项目
XiehaiyanLI的博客
08-18 140
整理一下今天学的用vue搭建项目 一、安装最新版本的vue脚手架 vue-cli官网：https://cli.vuejs.org/zh/ npm install -g @vue/cli 安装 注意：如果不是最新版本，要先卸载旧的版本，然后再下载最新的版本。 npm uninstall -g @vue/cli 卸载 二、使用vue脚手架创建项目 首先要写入的文件夹，打开 创建项目 vue create 项目名 手动搭建项目 手动选择要搭建的环境 是否使用mod
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官网下载稳定版本并安装。 ...
IntelliJ IDEA编辑器配置vue高亮显示
12-13
创建Vue项目通常会使用Vue的命令行工具vue-cli。在命令行（或IDEA的内置终端）中，输入`vue init webpack mypro`（其中“mypro”是你的项目名），按照提示完成项目初始化。之后，进入项目目录，例如`cd mypro`，...
IDEA上面安装vue的插件
10-11
安装完Vue.js插件后，现在可以在IDEA中创建Vue项目。在欢迎屏幕上，选择"New Project"（新建项目），在项目类型列表中，你会看到"Vue.js"选项。选择它，然后根据向导配置你的项目，例如设置项目名称、位置、使用的...
idea 运行vue项目
热门推荐
程序前行者的博客
07-14 4万+
1、idea中安装vue.js 点击File–>Settings–>Plugins–>搜索vue.js插件，下面的图中我已经安装好了 2、到node官网下载安装node.js 官方下载链接. node.js 安装过程 傻瓜式安装，直接下一步就可以了3、配置node.js 环境 打开cmd命令窗口 输入node -v npm -v 查看版本node.js 安装路径D:\Program Files\nodejs ......
创建VUE项目，在IDea上进行开发与运行的简单流程
weixin_45928161的博客
03-07 7927
目录一、创建VUE项目1. 外部终端创建2. IDea内部终端创建3. 项目介绍4. vue 的特别之处二、在IDea上开发与运行1. 创建组件与编码2. 配置组件路由3. 设置访问关联4. 运行 一、创建VUE项目 这里只介绍其中我所熟知的两种方式 1. 外部终端创建 在存储vue项目的目录，清除路径并输入cmd，回车，进入当前目录的命令行终端 创建vue项目 注意名称不可用大写英文vue create demo_01 根据自己需要选择模式，这里我选择自定义模式 创建好的项目在IDea中打开即
idea创建VUE项目
qq_28397787的博客
08-03 1万+
VUE项目的创建
手把手使用idea创建vue项目
java技术博客
05-08 1万+
手把手使用idea创建vue项目 参考网址: https://mp.weixin.qq.com/s/-AgBkwasbKHRjbLJRSJgQw 一、安装Node.js 首先要安装好Node.js,安装方法可以看我之前的文章 Node.js安装教程 小尉，公众号：51ASPNETNode.js手把手安装图文教程 二、创建vue项目 1、在IDEA中File-Open 打开一个空目录 2、然后输入命令npm install -g vue-cil 先安装vue的脚手架 然后等待安装完成。 3、安装完成
用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开发环境搭建
yinshengchen的博客
04-18 4742
要解决 “npm ERR!missing script: build” 错误，我们需要在 package.json 文件中定义一个名为 “build” 的构建脚本。找到项目根目录中的package.json文件，这里列出了项目所依赖的所有资源与版本号，右键该文件，打开于终端，输入npm install 命令安装所有依赖；在上述代码中，我们添加了一个名为 “build” 的构建脚本，该脚本使用 webpack 进行生产模式构建。(3) 右侧“Scripts”处输入“dev”，其它idea已经默认选好。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值