Vue3.0教程 （一）vue脚手架安装和搭建

vue 配置

一、环境安装

# 最新稳定版
$ npm install vue@next

二、Vite

# npm 6.x
$ npm init vite@latest <project-name> --template vue

# npm 7+，需要加上额外的双短横线
$ npm init vite@latest <project-name> -- --template vue

$ cd <project-name>
$ npm install
$ npm run dev

或者 yarn：

$ yarn create vite <project-name> --template vue
$ cd <project-name>
$ yarn
$ yarn dev

三、学习资源文档

# 封装几个Vue3中很有用的组合式API
$ https://mp.weixin.qq.com/s/fWawo-Jo-7sw_5KhHsbGBg
# 看了9个开源的 Vue3 组件库，发现了这些前端的流行趋势
$ https://mp.weixin.qq.com/s/HW5QQC2jpVKy30iSb1C6lg
#  Jenkins 部署前端项目
$ https://mp.weixin.qq.com/s/yf6vClrNvVA4bKbeqcJ9SA
# 代码规范
$ https://mp.weixin.qq.com/s/q-6aKELs54IEegqFzybsJQ

四、插件安装

// 插件安装文件夹
1、tailwindcss  // 安装看插件库
2、yarn add sass // sass
3、vue-router // 安装看插件库