从零开始搭建vue3项目

186 阅读1分钟

一.准备环境

1.安装ndoejs

网址:nodejs.org/zh-cn/downl…

image.png

下载好之后安装就是改下地址全下一步就行了。

安装好后按win键(alt左边那个windows图标键)+ R,输入cmd回车打开命令窗

image.png

然后输出node -v 查看node版本,出现版本号就是安装好了

image.png

2.安装代码编辑器vscode

这个就是个代码编辑器应用,应用商店和官网code.visualstudio.com/ 都行,我就不截图了

二、搭建vue3项目框架

选择一个空文件夹(或者直接在桌面也行)打开命令窗输入

npm init vite@latest my-vue-app -- --template vue-ts

my-vue-app是项目名字可以自行修改,运行这个命令后文件夹内就会生成一个基于 Vue 3 + TypeScript 的默认工程骨架

然后把创建好的工程文件拖进vscode,然后在下面终端窗口输入nmp i 并回车安装项目依赖,安装好后再在终端窗口输入npm run dev等项目运行好之后按住ctrl点击终端显示的本地链接,你的第一个vue3项目就运行好啦