vite+vue3从0开始搭建一个后管项目【学习随笔一】

1.运行命令,创建项目

npm init vite@latest
npm create vite

依次输入项目名称、选择vue、选择使用js或者ts
vite+vue3从0开始搭建一个后管项目【学习随笔一】_第1张图片

2.打开运行项目

cd 项目名称
npm install
npm run dev

vite+vue3从0开始搭建一个后管项目【学习随笔一】_第2张图片

3.安装一些需要的依赖组件

  1. 安装路由
npm install vue-router@4 //直接vue-router就行,默认装的就是支持vue3的router版本
  1. 安装element-plus
npm i element-plus --save
  1. 安装vuex
npm i vuex --save
  1. 安装axios
npm install axios --save
  1. 安装less less-loader或者sass,sass-loader
npm i less less-loader -D --save
npm i sass sass-loader -D --save

路由配置以及依赖,组件的使用在下一章里面说明

你可能感兴趣的:(vue3,vite,学习,vue.js)