注意:这里默认是已经安装和配置好nodejs和npm了,若没有安装和配置好,请先安装和配置好,否则无法创建vue项目
1.在磁盘的合适位置上,创建一个空目录用于存储多个前端项目
例如:
2.打开vscode,并打开刚刚创建的文件夹
出现如下:
1 使用命令行创建工程
3.在vocode中打开命令行运行如下命令
npm create vite
-
第一次使用vite时会提示下载vite,输入y回车即可,下次使用vite就不会出现了
- 输入项目名称,回车
-
选择vue回车
选择JavaScript回车
4.安装项目所需依赖
-
cd进入刚刚创建的项目目录(一定不能忘,没有进入项目目录就安装会报错)
-
npm install或者npm i 命令安装基础依赖
如下图,就表示安装成功了
5.启动项目
输入npm run dev
ctrl+单击Local后面的地址就可以访问了
访问后的结果如下图:
6.停止项目
ctrl+c后,输入y回车,便停止了