vue3 学习一 搭建环境

1. 安装node

   nmp

   nvm

2. 构建vue脚手架

   2.1 创建工程

   nmp init vite@latest  或者 npm init vue@latest (配置比较全)

      创建工程名 vue-demo

      选择vue, typescript

   2.2 安装依赖包和运行

   cd vue-demo

   npm install

   npm run dev

 3. 工程目录

 

  public: 存放静态文件，不会被vite编译

   src:

     assets: 存放静态资源，比如图片等

     components: 存放组件

          App.vue:  全局的vue 的入口文件

     main.ts: 全局入口文件, 引入全局样式，全局配置等

    index.html

    vite.conifg.ts: vite配置文件， 基于esbuild 编译，基于rollup打包