Intellij Idea搭建Vue项目

最新推荐文章于 2024-04-18 11:36:09 发布
最新推荐文章于 2024-04-18 11:36:09 发布
阅读量2.7k 收藏 3
点赞数
分类专栏： 开发 文章标签： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/helloLadyYang/article/details/90769244
版权

Intellij Idea搭建Vue项目

  1. 下载安装nodejs，双击直接安装
    https://nodejs.org/dist/v8.11.4/node-v8.11.4-x64.msi

  2. 安装成功测试命令
    node –v
    npm -verison
    在这里插入图片描述

  3. 安装Vue CLI 3
    npm install -g @vue/cli

  4. 成功安装测试命令
    vue -v

  5. 在本地创建一个目录，在此目录下打开cmd窗口

  6. 初始化新项目
    vue create my-project

  7. 用Idea打开项目
    在这里插入图片描述

  8. 启动项目
    在这里插入图片描述
    在这里插入图片描述

yeungsinsin
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Intellij IDEA搭建vue-cli项目的方法步骤
12-12
1、安装/升级node环境 vue-cli对于node和npm的版本是有要求的。 可以通过 node -v （npm -v）查看当前版本，通过 where node （where npm）查看安装路径。 如果node版本不符合vue-cli的要求，那么可以在node官网下载稳定版本并安装。 安装过程比较简单，我更新时，除了修改安装路径，其他都是一直Next即可。 这里要提到一点，更新node版本后，查看版本，会发现npm的版本也已经更新了。 D:\workspace\MyProject\Jan2018>node -v && npm -v v8.9.4 5.6.0 2、安装vue-cl
如何搭建一个vue项目(完整步骤)
qq_39093474的博客
09-11 1万+
这里如果选择保存的话，就要输入名字，默认就是文件夹的名字，下次配置的时候就会显示这个文件配置的选项就像上面的一样，在配置的时候会多出来一个。）下载hbuildx安装文件（已提供，无需下载），下载后，直接解压就可以使用。代码检查，选标准的就行，方向键切换，空格键选择然后回车。按空格键选择要安装的配置资源，带 * 号说明被选上了。上下方向键选择版本，这里我们选择vue2，然后回车。代码检查时间，方向键切换，空格键选择然后回车。启动成功之后，打开路径看到如下界面说明成功。通过上下方向键选择对应配置，然后回车。
IDEA中Vue开发环境搭建
最新发布
yinshengchen的博客
04-18 4156
要解决 “npm ERR!missing script: build” 错误，我们需要在 package.json 文件中定义一个名为 “build” 的构建脚本。找到项目根目录中的package.json文件，这里列出了项目所依赖的所有资源与版本号，右键该文件，打开于终端，输入npm install 命令安装所有依赖；在上述代码中，我们添加了一个名为 “build” 的构建脚本，该脚本使用 webpack 进行生产模式构建。(3) 右侧“Scripts”处输入“dev”，其它idea已经默认选好。
idea创建VUE项目
qq_28397787的博客
08-03 1万+
VUE项目的创建
springboot第四章：使用idea创建vue项目
zhwx0537的博客
04-24 6589
运行npm install。4、配置启动和编译选项。
手把手教程-使用idea创建vue项目
Wang_ning__的博客
10-24 1万+
小编在第一次通过IDEA使用Vue创建脚手架时，对于网上那么多方法真实头大，在经过多次的测试后，终于有一种简单直接的方法，费话不多说，上操作方法和相应的截图。
IntelliJ IDEA 安装vue开发插件的方法
08-28
最后，重启 IDEA，Vue 的环境就搭建好了。 四、Vue 插件的安装 要安装 Vue 插件，需要在 IDEA 中搜索 Vue 插件，然后点击安装。安装完成后，重启 IDEA，即可使用 Vue 开发插件。 五、Vue 的开发环境 要在 IDEA ...
IntelliJ IDEA编辑器配置vue高亮显示
10-16
接下来，我们将使用vue-cli来快速搭建一个Vue项目。打开命令行工具（如cmd或IDEA内置的Terminal），进入你想要创建项目的目录，输入以下命令： ``` vue init webpack mypro ``` 这里的"mypro"是你的项目名，可以...
用IDEA IntelliJ创建Web项目工程教程+源代码
11-01
在IntelliJ IDEA中，我们可以一站式地搭建和管理这些组件。 1. **启动IDEA IntelliJ** 打开IDEA，选择“Create New Project”来开始一个新的项目。在新项目向导中，选择"Java"，然后在左侧勾选"Web"，确保包括...
用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项目
热门推荐
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(我这里安装的是这个版本，可以自行选.
手把手使用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、安装完成
创建VUE项目，在IDea上进行开发与运行的简单流程
weixin_45928161的博客
03-07 7877
目录一、创建VUE项目1. 外部终端创建2. IDea内部终端创建3. 项目介绍4. vue 的特别之处二、在IDea上开发与运行1. 创建组件与编码2. 配置组件路由3. 设置访问关联4. 运行 一、创建VUE项目 这里只介绍其中我所熟知的两种方式 1. 外部终端创建 在存储vue项目的目录，清除路径并输入cmd，回车，进入当前目录的命令行终端 创建vue项目 注意名称不可用大写英文vue create demo_01 根据自己需要选择模式，这里我选择自定义模式 创建好的项目在IDea中打开即
idea创建Vue项目流程
m0_64005688的博客
03-26 1644
idea从0开始安装vue并学习相关知识
IDEA搭建Vue项目
臆想的一只猫
08-10 3874
简介： Vue.js是前端一个比较火的MVVM框架，是一套构建用户界面的渐进式框架。 Vue 只关注视图层， 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件 Vue在使用的时候需要有NodeJS环境的支持，首先要下载安装NodeJS 一、下载并安装nodejs，下载地址是https://nodejs.org/zh-cn/do0wnload/ NodeJS安装的过程中将会自动添加PATH环境，所以不需要重新进行环境配置...
搭建vue环境（IDea）
weixin_45928161的博客
03-06 4527
目录一、搭建vue环境二、IDea1. 进入IDea点击Terminal，先测试环境是否搭建成功2. 下载使用yarn3. 创建vue项目4. 启动项目 注意：本人仅作为学习笔记进行记录，所表达观点不一定正确，全是个人理解，有问题请务必批评指正，谢谢。 一、搭建vue环境 网上案例很多，这里就不多赘述，可参考vue环境搭建，在执行该链接文章的第三步后，可执行如下步骤【转二】 二、IDea 1. 进入IDea点击Terminal，先测试环境是否搭建成功 2. 下载使用yarn 继续在IDea的Termi
idea创建vue项目
一个写了10年bug的程序员日常笔记。
03-02 534
【代码】idea创建vue项目。
@vue-cli脚手架新建项目
成在坚持，贵在坚持
10-14 151
@vue-cli脚手架 安装 安装脚手架：npm install -g @vue/cli ，如果已经安装vue-cli需要先删除npm uninstall vue-cli -g 创建项目 创建项目：vue create hello-world 下载依赖 //安装vue-router npm install vue-router //安装vuex npm install vuex 配置vue-router import Vue from 'vue' import VueRouter from 'v
idea创建vue springboot项目
07-28
1. 首先，你需要安装Node.js和Vue CLI来搭建Vue项目。你可以在官方网站上下载和安装Node.js：https://nodejs.org/en/。安装完成后，打开终端并运行以下命令来安装Vue CLI： ``` npm install -g @vue/cli ``` 2. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值