1.从0 搭建vue3项目--构建最小工程

从0 搭建vue3 项目–构建最小工程

为了逐步熟悉项目搭建,故写博客以记录搭建流程，以备日后使用

初始化

初始化项目

npm init

初始化github

git init

创建 .gitignore添加如下内容

node_modules
dist
assets

安装依赖

安装框架

tip: 2022 年 2 月 7 日 之后，vue3 及相关配套插件成为默认版本

  yarn add vue

安装前端构建工具

• 安装工具

yarn add vite @vitejs/plugin-vue  -D

• 修改package.json 使用vite 构建项目

{
   
   
...
  "scripts": {
   
   
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
...
}

并添加配置文件 vite.config.js ,使得vite 将使用vue相关工具构建项目