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.js+Node.js+MongoDB实现一个博客系统(附源码)
本文主要介绍了利用Vue.js+Node.js+MongoDB实现一个博客系统,这个博客使用Vue做前端框架,Node+express做后端,数据库使用的是MongoDB。实现了用户注册、用户登录、博客管理、文章编辑、标签分类等功能,需要的朋友可以参考学习。2017-04-04
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
今天小编就为大家分享一篇vue-cli 3.x 配置Axios(proxyTable)跨域代理方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09


最新评论