一、环境准备
1、安装 node.js
下载地址:Node.js
2、检查安装
$ npm -v
$ node -v
若提示无法识别命令,说明安装失败。我按照网上提供的设置环境变量的方法Node.js安装及环境配置,发现本地系统变量中已经添加了该配置,说明不是环境配置的问题。
注意到安装步骤中有一个可勾选的选项,第一次安装时没有勾选,后面卸载之后重新安装并勾选下面选项,运行上面命令,发现安装成功了。
二、搭建vue3环境
1、全局安装脚手架vue-cli
$ npm install -g @vue/cli
过程可能需要几分钟,可能出现大量warning,如果没有error则不用担心,继续操作
2、检查安装
$ vue -V 出现版本号说明安装成功,接下来就可以创建我们的第一个vue3项目了
三、创建项目
$ vue create my-project 按照提示选择vue3项目,项目默认创建在当前目录下
根据提示执行命令,可以看到我们的第一个项目编译成功
$ cd my-project
$ npm run serve