使用IDEA创建一个简单的Vue项目

最新推荐文章于 2024-05-13 22:19:19 发布
最新推荐文章于 2024-05-13 22:19:19 发布
阅读量1.7k 收藏 8
点赞数 3
分类专栏： 小h的学习随记 文章标签： vue idea node.js vue.js npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43609574/article/details/118825652
版权

使用IDEA创建一个简单的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
新建一个Vue项目
项目命名（不能有大写字母）
项目命名
等待项目资源下载完毕后（过程中有一次需要输入Y）的项目目录结构图如下
项目目录结构图

运行

点击运行
打开浏览器访问8080端口

最低0.47元/天 解锁文章
一杯气泡水aaaaa
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
vue基础——java程序员版(总集)
陨石的博客
03-24 1189
前言：​ 这是一个java程序员的vue学习记录。​ vue是前端的主流框架，按照如今的就业形式作为后端开发的java程序员也是要有所了解的，下面是本人的vue学习记录，包括vue2的基本使用以及引入element-ui，使用的开发工具是IDEA。
使用IDEA创建一个项目
aoteman_6的博客
03-13 50
在src中创建com.li.dao包，然后创建UserDao的接口，然后在接口中定义针对数据库的增删。在src中创建一个文件，命名为SqlMapConfig.xml，在该配置文件中配置连接数据库的参数。在项目中创建一个lib文件夹放入mybatis框架的jar包，并导入项目中。在src中创建com.chen.bean包，然后创建User实体类。在dao接口的同目录下创建跟接口名字一样的配置文件。
idea创建Vue项目
最新发布
weixin_52813800的博客
05-13 528
（方法1的项目本人的idea是直接创建vue3版本，方法2可以选择vue2 / vue3，可以在package.json查看vue版本）
springboot第四章：使用idea创建vue项目
zhwx0537的博客
04-24 6617
运行npm install。4、配置启动和编译选项。
手把手教程-使用idea创建vue项目
Wang_ning__的博客
10-24 1万+
小编在第一次通过IDEA使用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.
创建vue项目(在IDEA上)
cangshanjiang的博客
03-11 955
Node.js是一个Javascript运行环境(runtime)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快，性能非常好。Node.js是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。
idea创建vue项目，引用elementUI教程附件
10-17
idea创建vue项目，引用elementUI并从springboot项目获取数据教程附件
Intellij IDEA搭建vue-cli项目的方法步骤
12-12
安装过程比较简单，我更新时，除了修改安装路径，其他都是一直Next即可。 这里要提到一点，更新node版本后，查看版本，会发现npm的版本也已经更新了。 D:\workspace\MyProject\Jan2018>node -v && npm -v v8.9.4 ...
教你使用 IDEA 配置和运行vue项目(1).zip
02-20
- 创建完项目后，在IDEA中选择“文件”>“打开”，找到你的Vue项目根目录并打开。 - IDEA会自动识别Vue项目的结构，并安装必要的插件。 5. **运行和调试Vue项目**： - 在IDEA的左侧“项目”视图中，找到`package...
IntelliJ IDEA编辑器配置vue高亮显示
12-13
创建Vue项目通常会使用Vue的命令行工具vue-cli。在命令行（或IDEA的内置终端）中，输入`vue init webpack mypro`（其中“mypro”是你的项目名），按照提示完成项目初始化。之后，进入项目目录，例如`cd mypro`，...
IDEA搭建Vue项目
臆想的一只猫
08-10 3881
简介： Vue.js是前端一个比较火的MVVM框架，是一套构建用户界面的渐进式框架。 Vue 只关注视图层， 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件 Vue在使用的时候需要有NodeJS环境的支持，首先要下载安装NodeJS 一、下载并安装nodejs，下载地址是https://nodejs.org/zh-cn/do0wnload/ NodeJS安装的过程中将会自动添加PATH环境，所以不需要重新进行环境配置...
搭建一个vue2项目
SSophia的博客
03-24 6831
搭建vue2项目
IDEA中Vue开发环境搭建
yinshengchen的博客
04-18 4453
要解决 “npm ERR!missing script: build” 错误，我们需要在 package.json 文件中定义一个名为 “build” 的构建脚本。找到项目根目录中的package.json文件，这里列出了项目所依赖的所有资源与版本号，右键该文件，打开于终端，输入npm install 命令安装所有依赖；在上述代码中，我们添加了一个名为 “build” 的构建脚本，该脚本使用 webpack 进行生产模式构建。(3) 右侧“Scripts”处输入“dev”，其它idea已经默认选好。
使用IDEA创建Vue3通过Vite实现工程化
小丁的博客
09-11 2707
使用IDEA创建Vue3通过Vite实现工程化
用IDEA创建自定义vue3项目
m0_65985318的博客
03-04 2711
本文介绍了如何在IDEA中自定义创建vue3项目
IDEA创建Vue项目
easyJob
08-21 667
※基础知识： 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/
使用IDEA创建Vue项目
肉饼弟弟
10-05 962
使用IDEA创建Vue项目
idea创建一个vue3项目
05-11
以下是在 IntelliJ IDEA 中创建 Vue.js 3 项目的步骤： 1. 打开 IntelliJ IDEA，点击 "Create New Project"。 2. 在 "New Project" 窗口中选择 "Vue.js"，然后选择 "Vue.js 3"。 3. 选择项目目录并设置项目名称。...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一杯气泡水aaaaa

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值