一、环境准备(此处设备使用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 把项目跑起来,界面如下: