Vue3.0+Vite 构建项目

官方文档在这里：开始 {#getting-started} | Vite中文网

首先注意Vite 需要 Node.js 版本 >= 12.0.0。

这些都是我根据B站winWeb前端分享的个人空间_哔哩哔哩_Bilibili老师的视频后进行实践的

可以使用如下命令下载并构建vite项目，其中my-vue-app可以替换成自定义的App名称。

# npm 6.x
npm init vite@latest my-vue-app --template vue

# npm 7+, 需要额外的双横线：
npm init vite@latest my-vue-app -- --template vue

# yarn
yarn create vite my-vue-app --template vue

# pnpm
pnpm create vite my-vue-app -- --template vue

安装完成项目目类结构后需要安装依赖，首先进入项目路径

cd my-vue-app

使用安装命令安装依赖

# npm 
npm install

# yarn
yarn install

# pnpm
pnpm install

安装完成后会在项目路径下生成一个node_modeules文件夹，里面存放项目的依赖。

使用如下命令可以执行整个Vue项目，根据生成的        Local:   http://127.0.0.1:XXXX/  来访问界面

#npm
npm run dev

#yarn 
yarn dev