使用vite创建vue3项目

13,677 阅读1分钟

使用vite创建vue3项目

  1. 初始化项目
    要创建的文件夹内cmd命令行输入:
npm init vite@latest
pnpm create vite
yarn create vite

初始化.png

  1. 输入项目名称

    项目名称.png

  2. 按上下方向键,再按回车选择vue

    选择vue.png

  3. 然后继续选择TypeScript

    选择ts.png

  4. 这个时候项目已经创建完成

    完成.png

  5. 然后cd进入到项目目录,输入npm install,安装默认的依赖

    安装依赖.png

  6. 等待依赖安装完成后,输入启动命令:npm run dev 启动项目,将链接复制到浏览器打开,就能看到新建的项目了

    启动.png

    运行.png

  7. 在vscode打开项目

    项目目录.png