vue可视化界面(GUI)
作为一台很白啥都没装的电脑,你首先需要安装的是:Node.js原因:因为需要里面的npm作为编译npm 是 Node.js 的包管理工具,用来安装各种 Node.js 的扩展。安装方法(按照以下这位博主写的操作就行): 点我,我是安装方法注:里面检查版本号的命令是npm -v (一定注意中间有空格!!!) 安...
·
- 作为一台很白啥都没装的电脑,你首先需要安装的是:Node.js
原因:因为需要里面的npm作为编译
npm 是 Node.js 的包管理工具,用来安装各种 Node.js 的扩展。
安装方法(按照以下这位博主写的操作就行):
点我,我是安装方法
注:里面检查版本号的命令是npm -v (一定注意中间有空格!!!)
安装cnpm的作用是让你安装国外软件更快一些
cnpm使用方法:(比如用npm安装一个插件:npm install xxx;改成cnpm installl xxx即可!)
- 1
- 检查npm能用了之后,接下来安装vue脚手架,命令行任意路径下输入:
npm install -g @vue/cli
或者
npm i -g @vue/cli
- 1
- 2
- 3
安装完之后命令行任意路径下输入:vue -V (中间有空格,V大写!!!)
如果显示:
恭喜你,你安装成功了,而且vue ui必须版本到3.0.0及以上才能用
- 如果你的安装版本低于3.0.0,那么命令行任意路径下输入:
npm uninstall vue/cli -g
- 1
卸载刚才安的,然后再重新安一个:
npm i -g @vue/cli
npm install -g @vue/cli
- 1
- 2
这两个安装命令都试试,指不定哪个就行了
- 经过一番调试后可以调出GUI面板了
vue ui
(注意空格)
- 1
- 2
弹出一个好看且简约的面板,那个就是传说中的vueGUI面板了,如下:
5. 具体用这个创建项目啥的可以参照这个老师教的(只看p5即可)
更多推荐
已为社区贡献1条内容
所有评论(0)