一、搭建环境
- windows10
- node == 16.10.0
- nvm == 1.1.11
二、创建vue项目
- 创建项目目录,如E:\code_space\vue_test,然后cmd命令进入此文件夹
- 执行创建vue项目命令:
npm create vue@latest
这里的“@latest”是指按照当前vue的最新版本下载,可以根据自己需要的版本进行调整,例如:npm create vue@3
- 执行后会弹出让你输入项目名称的输入框,我这里输入“myvue_test”作为项目名称
- 剩下的除了最后一个选“不需要”,其它我全选“是”,新手建议全选“否”
三、安装依赖库
- cmd命令进入新创建的项目
cd E:\code_space\vue_test\myvue_test
- 执行安装依赖库的命令:
npm install
执行后会扫描项目里的package.json文件,找出需要下载的依赖库和对应的版本,然后进行下载
- 下载完成
- 运行项目,cmd执行命令:
npm run dev
访问http://127.0.0.1:5173/,出现如下界面,访问成功。
参考文档:vue.js官网-快速上手