vue3项目创建

227 阅读1分钟

一、环境准备

1、安装 node.js

下载地址:Node.js

2、检查安装

$ npm -v

$ node -v

image.png 若提示无法识别命令,说明安装失败。我按照网上提供的设置环境变量的方法Node.js安装及环境配置,发现本地系统变量中已经添加了该配置,说明不是环境配置的问题。

注意到安装步骤中有一个可勾选的选项,第一次安装时没有勾选,后面卸载之后重新安装并勾选下面选项,运行上面命令,发现安装成功了。

image.png

image.png

二、搭建vue3环境

1、全局安装脚手架vue-cli

$ npm install -g @vue/cli

过程可能需要几分钟,可能出现大量warning,如果没有error则不用担心,继续操作

2、检查安装

$ vue -V 出现版本号说明安装成功,接下来就可以创建我们的第一个vue3项目了

image.png

三、创建项目

$ vue create my-project 按照提示选择vue3项目,项目默认创建在当前目录下

image.png

根据提示执行命令,可以看到我们的第一个项目编译成功

$ cd my-project

$ npm run serve

image.png