使用vite搭建vue3.0

202 阅读1分钟
  1. 全局安装vite npm install create-vite-app -g

    image.png

  2. 创建项目 create-vite-app [project name]

    image.png

  3. 启动项目

    1. cd [project-name]
    2. npm install
    3. npm run dev
    4. 浏览器输入访问地址localhost:3000

image.png 注意:vite搭建vue项目需要手动安装需要的插件(router/vuex/sass等)

  1. 安装css预编译sass(npm install sass)

    image.png

  2. 引入vuex数据管理器(npm install vuex -s)

    image.png

  3. 安装路由(npm install vue-router -s)

    image.png

  4. 最后在main.js引入

    image.png