IDEA创建Vue项目的两种方式总结

 更新时间:2023年04月05日 08:46:19   作者:IT__learning  
这篇文章主要介绍了IDEA创建Vue项目的两种方式总结,具有很好的参考价值,希望对大家有所帮助。

安装好Vue运行环境

1、下载安装Node.js

参考步骤

2、安装打包工具webpack

运行CMD,安装命令如下所示,其中, -g是全局安装.

npm install webpack webpack-cli –g

输入如下命令,若出现版本号,说明安装成功。

webpack -v

创建Vue项目

首先,IDEA必须安装Vue.js插件。

 

1、命令行方式(推荐)

(1)新建项目,选择Static Web,并填写项目名vue

(2)打开编辑器的Terminal,输入vue init webpack myvue1(myvue1为模块名)

(3)回答完下列问题,等待即可

(4)根据提示,如下输入

(5)最终得到如下网址,访问即可

2、使用Vue模板

新建项目,选择Vue.js,一路按提示填写即可

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue中cookies的使用方式

    vue中cookies的使用方式

    这篇文章主要介绍了vue中cookies的使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-08-08
  • VueUse使用及造轮子选择对比示例详解

    VueUse使用及造轮子选择对比示例详解

    这篇文章主要为大家介绍了VueUse使用及造轮子选择对比示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • vue3 使用 vue3-video-play实现在线视频播放

    vue3 使用 vue3-video-play实现在线视频播放

    这篇文章主要介绍了vue3 使用 vue3-video-play 进行在线视频播放,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-06-06
  • 详解el Cascader懒加载数据回显示例

    详解el Cascader懒加载数据回显示例

    这篇文章主要为大家介绍了详解el Cascader懒加载数据回显示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • vue中实现在外部调用methods的方法(推荐)

    vue中实现在外部调用methods的方法(推荐)

    下面小编就为大家分享一篇vue中实现在外部调用methods的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • Element UI Dialog对话框改成固定高度超出部分滚动条滚动

    Element UI Dialog对话框改成固定高度超出部分滚动条滚动

    这篇文章主要给大家介绍了关于Element UI Dialog对话框改成固定高度超出部分滚动条滚动的相关资料,el-dialog默认高度是自由拉伸的,当内容超过屏幕时会出现滚动条,按钮和标题都会随着滚动,用户体验不好,需要的朋友可以参考下
    2024-05-05
  • 详解swiper在vue中的应用(以3.0为例)

    详解swiper在vue中的应用(以3.0为例)

    这篇文章主要介绍了详解swiper在vue中的应用(以3.0为例),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • vue@cli3项目模板怎么使用public目录下的静态文件

    vue@cli3项目模板怎么使用public目录下的静态文件

    这篇文章主要介绍了vue@cli3项目模板怎么使用public目录下的静态文件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • 实例讲解v-if和v-show的区别

    实例讲解v-if和v-show的区别

    今天小编就为大家分享一篇关于实例讲解v-if和v-show的区别,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • vue基础之事件v-onclick=

    vue基础之事件v-onclick="函数"用法示例

    这篇文章主要介绍了vue基础之事件v-onclick="函数"用法,结合实例形式分析了vue.js事件v-on:click="函数"的data数据添加、点击响应、以及留言本功能相关操作技巧,需要的朋友可以参考下
    2019-03-03

最新评论