安装好Vue运行环境

1、下载安装Node.js

参考步骤

2、安装打包工具webpack

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

npm install webpack webpack-cli –g

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

webpack -v

创建Vue项目

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

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

1、命令行方式(推荐)

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

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

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

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

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

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

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

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

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

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

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

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

2、使用Vue模板

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

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

总结

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

原文地址:https://blog.csdn.net/IT__learning/article/details/114001763

相关文章:

  • 2021-08-25
  • 2018-07-11
  • 2021-04-20
猜你喜欢
  • 2021-11-16
  • 2021-03-31
  • 2021-04-02
  • 2021-10-13
  • 2022-02-07
  • 2021-09-15
  • 2021-08-15
相关资源
相似解决方案