使用vue ui新建一个vue项目

合集 - 一个vue开源项目历程(1)

1.使用vue ui新建一个vue项目2024-05-11

收起

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

目录

• 一、安装环境
• 二、使用vue ui初始化步骤
  • 1.我的是到C盘的Program Files\nodejs\node_global目录下执行以下命令
  • 2.执行命令后会自动跳转到初始化项目的页面，如下图操作
  • 3.最后我一开始执行npm run serve页面上还是有问题，试了百度下全是乱七八糟的答案，最后保留我以下的package.json然后再npm i下就成功了
  • （中间我去把我的node_moudules删除了，然后重新按照package.json安装了一遍）
• 总结

@

目录

• 一、安装环境
• 二、使用vue ui初始化步骤
  • 1.我的是到C盘的Program Files\nodejs\node_global目录下执行以下命令
  • 2.执行命令后会自动跳转到初始化项目的页面，如下图操作
  • 3.最后我一开始执行npm run serve页面上还是有问题，试了百度下全是乱七八糟的答案，最后保留我以下的package.json然后再npm i下就成功了
  • （中间我去把我的node_moudules删除了，然后重新按照package.json安装了一遍）
• 总结

---

一、安装环境

我这边本地是使用的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的从零到一，以前都是直接用别人搭好的项目，一步步进步吧