2021-06-03

vue 学习计划

之前本人常用的是react 进行开发，虽然之前也自学过一部分vue的开发，但是时间太过长远大部分知识已经，加之目前所在的公司并不使用，但是为了以后的发展还是决定重新学习一些vue的知识点，希望能不断的完善自我。

第一章vue的安装

官网有四种vue的安装使用方法（vue3）：

第一种 使用script标签引入

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

比较适合与初学者进行vue的学习

第二种 使用npm/yarn 包管理工具安装vue

npm install vue@next
对于需要使用单文件模式sfc功能的话还需要下载：
compiler-sfc 和
$ npm install -D @vue/compiler-sfc

第三种 如果是想做最少配置的话可以使用官方提供的vue-cli来构建

yarn global add @vue/cli

OR

npm install -g @vue/cli
vue和yarn 都是 包管理工具，yarn 的目的是解决一些npm存在的问题，以下是npm 和yarn的一些功能对比

操作	npm	yarn
全局下载到本地	npm install vue -g	yarn global addd vue
下载到生成环境	npm install react --save	yarn add react
从生成环境卸载包	npm uninstall react --save	yarn remove react
下载到开发环境	npm install react --save-dev	yarn add react --dev
更新	npm update --save	yarn upgrade

第四种 使用vite 来快速构建

vite是一个 Web 开发构建工具，由于其原生 ES 模块导入方法，它允许快速提供代码。
通过在终端中运行以下命令，可以使用 Vite 快速设置 Vue 项目。

npm 安装vite
$ npm init @vitejs/app
$ cd
$ npm install
$ npm run dev

yarn 安装vite
$ yarn create @vitejs/app
$ cd
$ yarn
$ yarn dev

我打算从直接使用npm install 进行搭建，之后学习使用vite神器在搭建一遍。祝我的学习之路一路畅通吧