vue3.x项目搭建初体验

一、环境准备（此处设备使用window10系统）

1、node安装，安装地址为nodejs官网（http://nodejs.cn/download/）
打开cmd，输入 node -v ，查看是否安装成功，比如下图：
在这里插入图片描述

2、全局安装vue-cli 4.0脚手架

如果已经安装了旧版，运行 npm uninstall vue-cli -g 卸载

查看3.x 和 4.x 的所有版本号： npm view @vue/cli versions --json
我安装的是最新版本，全局安装命令如下

cnpm install -g @vue/cli

安装之后，通过如下命令查看版本：vue --version

二、创建工程
1、工程搭建：进入到一个空文件夹里面，执行如下命令：

运行 vue create juntuan (此处为自定义工程名)
第一步选择Y;
第二步选择：vue3 回车

出现如下界面，说明创建完成：

依赖包也已经下载，到此目录下，直接运行 npm run serve 把项目跑起来，界面如下：