vue-cli3.0以上安装及使用(项目管理器)

1、vue-cli安装

使用win+r命令打开命令行,输入下列命令进行安装:

npm install -g @vue/cli
# OR
yarn global add @vue/cli

安装成功后,检查安装的版本是不是3.0以上的

vue -V

2、创建项目

创建项目名为vue-test的项目

vue create vue-test

进入项目目录,执行命令

cd project-vue3
npm run serve

使用如下命令在VSCode中打开项目

code .

在这里插入图片描述
在浏览器输入:localhost:8080/,就可以访问项目了。
当然,这种命令行创建项目的方式还是比较麻烦的对于我个人来说,所以下面推荐一个项目管理器,只有vue版本3.0以上的才可以运行。

3、项目管理器

同样的首先打开命令行:win+r 打开图形化vue项目管理器

vue ui

在这里插入图片描述
打开成功后会自动跳转到浏览器界面
在这里插入图片描述
在这里插入图片描述
点击创建新项目
在这里插入图片描述
然后点击任务,测试运行一下
在这里插入图片描述
在项目左侧项目依赖添加项目所需要的依赖
在这里插入图片描述
安装自己所需要的依赖。
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/lj20020302/article/details/129402966