使用vue ui新建一个vue项目

参考:https://blog.csdn.net/weixin_46932840/article/details/114590107


@


一、安装环境

我这边本地是使用的scoop安装的node,然后node会自动配置C:\Program Files\nodejs\node_global到环境变量实现了,小知识scoop安装nodejs后会去C:\Program Files\nodejs也安装个
我的版本如下图

再执行命令
npm install vue-cli -g
这样就使用了npm安装了vue的插件

二、使用vue ui初始化步骤

1.我的是到C盘的Program Files\nodejs\node_global目录下执行以下命令

./vue ui

2.执行命令后会自动跳转到初始化项目的页面,如下图操作








3.最后我一开始执行npm run serve页面上还是有问题,试了百度下全是乱七八糟的答案,最后保留我以下的package.json然后再npm i下就成功了

(中间我去把我的node_moudules删除了,然后重新按照package.json安装了一遍)

总结

好了终于自己实现了vue的从零到一,以前都是直接用别人搭好的项目,一步步进步吧

posted @ 2024-05-11 10:22  蜗牛使劲冲  阅读(76)  评论(0编辑  收藏  举报