Idea下引入vue项目

suamt

已于 2023-09-19 18:54:15 修改

阅读量243

点赞数

文章标签： vue.js

于 2023-09-19 16:06:32 首次发布

本文链接：https://blog.csdn.net/suamt/article/details/133033385

版权

参考下面文章，后续会继续补充更多的细节（如有）。

Idea创建vue项目_Z-LittleQ的博客-CSDN博客

后续：

1、引入了一个项目里面用了node-sass@6.0.1版本，死活装不上，报错：

'rU' while trying to load binding.gyp

也搜不到答案。一气之下把依赖配置删掉，直接安装了个最新的node-sass版本（9.0.0），启动居然成功了。

难道就是版本的问题？

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

suamt

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Idea下引入vue项目

参考下面文章，后续会继续补充更多的细节（如有）。
复制链接

扫一扫

vue初学--5在idea中导入vue项目

Yannis111的博客

04-12

1327

1.首先 2.然后选择导入的项目 3.然后一直next 4.然后finish

idea如何导入vue+springboot的项目

qq_59227359的博客

03-20

2686

下面两个勾选override之后才能更改路径，这里默认你setting.xml文件以及修改完毕，具体修改可以照着网上的方式修改，把里面的jdk都换成你自己的版本。打开你的终端，输入npm -v,看看你的npm配置好了没，在输入node -v，看你的node下好了没。选择你自己jdk的路径，然后点ok即可，添加完就可以右键运行你的springboot项目。首先在你的idea中点击File>Open,选择你项目的路径，打开你的项目。然后如果你的项目右上角是这样的，你就可以运行你的后端springboot了。

参与评论您还未登录，请先登录后发表或查看评论

如何导入外部项目（springboot+Vue+mysql）保姆级傻瓜教程

最新发布

chinese_kongfu的博客

06-09

1053

导入外部项目（springboot+Vue+mysql）保姆级傻瓜教程

idea中导入vue项目并运行

好幸运

03-06

1万+

一、idea打开vue项目卡死问题解决 file -> settings -> File Types -> ActionScript -> *.as -> 给下面添加node_modules; 然后 apply -> ok 二、nodejs安装 idea中导入vue项目并运行 1. 下载node.js 在搭建vue的开发环境之前，先下载node.js，下载地址：https://nodejs.org/en/https://blog.csdn.ne...

IDEA 引入VUE项目

weixin_30647065的博客

08-13

821

参考：https://www.cnblogs.com/sunhaoyu/articles/11002394.html https://www.csdn.net/gather_24/OtTacgysNTEwLWJsb2cO0O0O.html https://www.cnblogs.com/ya-qiang/p/9639187.html 1. 环境准备 1.1 电脑上安装node....

Vue项目工程的介绍及使用IDEA启动Vue工程

LxyingINGing的博客

10-22

684

vue项目里的一些配置,可以配置端口、跨域等等。main.js:所有配置的入口,可以导入项目所需要的包,然后组合在一起。1.用IDEA打开vue框架，编写代码，点击open，导入项目即可。src.assets:可以放一些logo、图片、自定义样式啥的。public:放静态文件的地方,比如html、静态图标等等。src.router:定义路由,每个路由对应一个页面。App.vue:所有页面的入口。src.views:视图文件。2.Vue项目工程的介绍。src:项目的源码目录。

idea引入vue插件报错_IDEA工具引入vue项目后配置和运行（五）

weixin_33585889的博客

01-17

903

*** 不要使用 import 去引入项目，因为不是传统的项目结构这样打不开，直接使用open 打开文件夹即可。一、在IDEA中配置vue插件点击File-->Settings-->Plugins-->搜索vue.js插件进行安装，下面的图中我已经安装好了二、搭建node.js环境安装node.js 可以去官网下载：安装过程就很简单，直接下一步就行测试是否安装成功：要使用管理...

idea创建vue项目，引用elementUI教程附件

10-17

idea创建vue项目，引用elementUI并从springboot项目获取数据教程附件

idea引入vue插件报错_vue项目的导入idea以及环境搭建中提示错误的处理方法

weixin_42315824的博客

02-16

1821

文章目录一、安装nodejs1、安装nodejs,默认下一步就OK2、测试nodejs是否安装成功二、环境变量的配置第一步：配置默认安装目录和缓存日志目录。第二步：环境变量配置。三、安装vue/cli四、脚手架安装五、idea插件安装六、vue2.0 minimal admin template1、导入工程2、Terminal下执行npm install3、安装gyp命令4、运行：npm rebu...

从头搭建VUE环境，使用IDEA 2021创建VUE项目

Klee2020的博客

03-10

8149

从零搭建VUE环境 IDEA 2021 创建VUE工程

[项目实战] 使用Idea构建单页面Vue3项目（不使用node、npm）

Java 技术专栏，从入门到精通，熟悉企业级开发

07-14

2445

某天张三对小花说，我需要在一台新电脑上实现一个前端的漂亮页面：比如京东手机首页(m.jd.com)。小花这时吭哧吭哧的去新电脑上安装nodejs、npm，然后在本地使用npm构建vue3项目，在项目里下载安装element-plus、axios。下一步进入编码阶段，写好的文件最后打包dist文件，放在nginx里去运行。一套流程走下来，耗时耗力，此时我们应该使用更简单的方法来构建这种单页面的项目：单页面html直接引入Vue3。

vue项目详细搭建步骤

04-02

详细描述怎么搭建vue项目，nodejs安装，idea支持，以及vue打包部署

IntelliJ IDEA安装vue插件，导入vue项目，启动vue项目，打包vue项目

热门推荐

公z号：职场爱学习

06-18

1万+

IntelliJ IDEA安装vue插件如果要做vue项目开发，需要安装对应的插件。如果不想安装插件，可以安装另外一个开发工具WebStorm，需要注册码破解。打开File -> Settings -> Plugins，输入vue，搜索。需要安装NodeJS和Vue.js。安装完成，重启IDEA即可。为了解决项目报错，需要设置编译环境为ES6。 IntelliJ IDEA导入vue项目打开File -> Open，选择vue项目的文件夹，等待一会，等项目初始化完成，启动项目即

通过idea导入vue脚手架项目并创建快捷打包和快捷运行

lixu_boke的博客

07-24

1770

第一步没有idea的需要下载idea https://www.jetbrains.com/zh-cn/idea/download/?utm_expid=.RdPW--XiRkKf4C3iyfxVwg.0&utm_referrer=https%3A%2F%2Fwww.jetbrains.com%2Fzh-cn%2Fidea%2Fpromo%2F%3Futm_source%3Dbaidu%26utm_medium%3Dcpc%26utm_campaign%3Dcn-bai-br-intellij-ex

idea 导入 Vue 项目并运行（超级详细步骤）

weixin_43920778的博客

03-25

6962

idea 导入 Vue 项目并运行（超级详细步骤）导入 Vue 项目开始导入选择项目选择项目类型运行前的准备File -> Settings 中设置JS 版本Vue.js 的插件开始运行运行过程查看结果导入 Vue 项目开始导入选择项目选择之后，直接点击 ok 即可。选择项目类型完成，点击 Finish。运行前的准备 File -> Settings 中设置JS 版本 Vue.js 的插件在 Plugins 中搜一下 vue，安装次数最多的那个进行安装就 ok 了。我这

IDEA 导入Vue项目没有目录结构的问题

heng_dmzg的博客

01-03

742

解决。

IDEA中导入Vue框架项目的配置过程

lsyiwxy的博客

09-16

2443

VUE框架的java项目的导入IDEA的配置

Idea配置vue项目

qq_29720781的博客

07-20

839

https://www.cnblogs.com/hackyo/p/7988399.html

在IDEA中对vue项目第一次导入需要的操作

weixin_46382462的博客

07-16

4212

在IDEA中对vue项目第一次导入需要的操作在IDEA中对vue项目第一次导入需要的操作刚开始接触Vue的小白，在第一次用IDEA导入Vue项目时遇到了一些问题，成功导入后整理了一下我个人成功操作的步骤，小白的文章仅供参考第一步：open项目，不要用import 第二步：点击file，settings(我这里用的是中文版的，就点击文件，设置就行第三步：进入settings（设置）之后选择plugins（插件），搜索Vue，点击install或者安装第四步：搭建node.js环境. node.j

idea搭建vue项目

05-30

好的，下面是使用 IDEA 搭建 Vue 项目的步骤： 1. 打开 IDEA，点击 File -> New -> Project，选择 Vue.js。 2. 在弹出的窗口中，填写项目的基本信息，如项目名称、项目路径等。 3. 选择项目的模板，可以选择使用 Vue CLI 创建项目的模板，也可以手动创建。 4. 点击 Next，选择需要安装的插件，如 ESLint、Prettier 等。 5. 点击 Finish，等待 IDEA 自动安装所需的插件和依赖。 6. 在项目结构中，可以看到 src 目录下的 main.js 文件和 App.vue 文件。 7. 在 main.js 文件中，可以编写 Vue 的全局配置，如引入插件、路由、状态管理等。 8. 在 App.vue 文件中，可以编写 Vue 的组件和页面。 9. 在命令行中，使用 npm run serve 命令，启动项目。 10. 打开浏览器，访问 http://localhost:8080，即可看到 Vue 项目的页面。以上就是使用 IDEA 搭建 Vue 项目的步骤。如果您还有其他问题，欢迎随时提出。