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,一路按提示填写即可

总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
vue3 使用 vue3-video-play实现在线视频播放
这篇文章主要介绍了vue3 使用 vue3-video-play 进行在线视频播放,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-06-06
Element UI Dialog对话框改成固定高度超出部分滚动条滚动
这篇文章主要给大家介绍了关于Element UI Dialog对话框改成固定高度超出部分滚动条滚动的相关资料,el-dialog默认高度是自由拉伸的,当内容超过屏幕时会出现滚动条,按钮和标题都会随着滚动,用户体验不好,需要的朋友可以参考下2024-05-05
vue@cli3项目模板怎么使用public目录下的静态文件
这篇文章主要介绍了vue@cli3项目模板怎么使用public目录下的静态文件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-07-07


最新评论