一、node.js安装
推荐菜鸟教程,包含了windows与llinux的安装教程。
注意:步骤5选择npm package manage
二、vuecli安装教程
安装窗口可以用windows的cmd命令窗口,也可以用idea的Terminal窗口,本文示例使用的是Terminal窗口
1.查看当前镜像
命令:npm get registry
2.配置淘宝镜像
命令:npm config set registry https://registry.npm.taobao.org/
3.安装vuecli
命令:npm install @vue/cli -g
亲测配置镜像会大大提高vuecli的安装速度,仅用时23秒,建议配置!!!
4.验证vuecli是否安装成功
命令:vue --version
5.vue构建项目
命令:vue create web
注释:npm create 项目名称
步骤1:按空格键选择,按enter键下一步
步骤2:使用vue3
步骤3:
步骤4:安装完成
安装完成后,项目下会增加一个web文件夹
6.运行vuecli项目
启动方法1
第一步:切换目录
cd web
第二步:运行项目
npm run serve
第三步:访问项目
启动成功后会打印出项目的url
启动方法2
1.右键项目下的package.json,选择show npm scripts
2.在弹出的窗口双击serve