使用npm方式安装vue3

111 阅读1分钟

1.首先需要安装node.js,node.js内置了npm包管理工具。

2.打开cmd命令行,由于国内限制原因,需更换npm的镜像源为华为云(也可以使用其他镜像源):

npm config set registry https://mirrors.huaweicloud.com/repository/npm/

3.切换到项目目录下,打开cmd命令窗口,执行命令:npm create vue@latest

4.安装过程中会提示配置一些额外功能,选择“否”即可。

5.vue3下载完后,执行以下命令:

cd <your-project-name>
npm install
npm run dev

这里cd 是指切换到项目目录;npm install用于安装项目依赖;npm run dev用于启动服务。

6.安装完成。cmd窗口提示如下;

   VITE v5.4.10  ready in 647 ms                                                                                  
  ➜  Local:   http://localhost:5173/                                                                                    
  ➜  Network: use --host to expose                                                                                      
  ➜  Vue DevTools: Open http://localhost:5173/__devtools__/ as a separate window                                        
  ➜  Vue DevTools: Press Alt(⌥)+Shift(⇧)+D in App to toggle the Vue DevTools                                       
  ➜  press h + enter to show help                                                                                           

7.再次启动。在项目目录下运行cmd,输入“npm run dev”,