vue可视化界面（GUI）

1. 作为一台很白啥都没装的电脑，你首先需要安装的是：Node.js

原因：因为需要里面的npm作为编译

npm 是 Node.js 的包管理工具，用来安装各种 Node.js 的扩展。

安装方法（按照以下这位博主写的操作就行）：
点我，我是安装方法

注：里面检查版本号的命令是npm -v (一定注意中间有空格！！！)
安装cnpm的作用是让你安装国外软件更快一些

cnpm使用方法：（比如用npm安装一个插件：npm install xxx；改成cnpm installl xxx即可！）

  
  

  
  
1

2. 检查npm能用了之后，接下来安装vue脚手架，命令行任意路径下输入：

npm install -g @vue/cli 
或者
npm i -g @vue/cli  

  
  

  
  
1
2
3

安装完之后命令行任意路径下输入：vue -V (中间有空格，V大写！！！)
如果显示：
恭喜你，你安装成功了，而且vue ui必须版本到3.0.0及以上才能用

3. 如果你的安装版本低于3.0.0，那么命令行任意路径下输入：

npm uninstall vue/cli -g

  
  

  
  
1

卸载刚才安的，然后再重新安一个：

npm i -g @vue/cli
npm install -g @vue/cli

  
  

  
  
1
2

这两个安装命令都试试，指不定哪个就行了

4. 经过一番调试后可以调出GUI面板了

vue ui
(注意空格)

  
  

  
  
1
2

弹出一个好看且简约的面板，那个就是传说中的vueGUI面板了，如下：

5. 具体用这个创建项目啥的可以参照这个老师教的（只看p5即可）

传送门