前提条件
- 已安装 16.0 或更高版本的 Node.js
1、检查node 和npm版本信息
同时按window+R键,输入cmd,打开命令提示符窗口
输入: node –v (查看安装的node版本)
输入: npm –v (查看安装的npm版本)
通过create vite搭建vue3 项目
打开文件所在目录 点击该文件的搜索框->输入cmd后出现以下页面
在命令行输入:npm create vite@latest
根据自己的需求创建项目
按照提示依次输入命令(要求不同命令行的要求也不同)
复制网址到浏览器,一般为 http://localhost:5173/
成功创建项目输入网址之后出现该页面(官方版本改变可能会改变样式)
注意:如果下载过慢
原因: vue init 使用的是 npm源(国外的源,所以国内的网络下载会很慢)
注意:如果命令行运行不了npm命令或vue命令,需要以管理员身份运行cmd
1、检查npm源,如果表示taobao的npm源,则需要切换npm源
输入npm config get registry查看设置npm源
设置淘宝镜像源npm config set registry registry.npm.taobao.org
安装cnpm命令 不会改变npm的源npm install -g cnpm registry=registry.npm.taobao.org
检查是否设置成功 输入npm config get registry
安装成功显示registry.npm.taobao.org/