vue的安装与一些使用技巧

首先，需要安装node，可以直接下载安装包。这两次下载，苹果和win，都是直接下载安装包，然后直接安装。

一、安装node环境

1、下载地址为：https://nodejs.org/en/

2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功,node安装会自动安装npm

node -v

npm -v

npm 命令	pnpm 等效
npm install	pnpm install
npm i <pkg>	pnpm add <pkg>
npm run <cmd>	pnpm <cmd>

3、为了提高我们的效率，根据黑马的在事件视频，可以使用

npm install -g pnpm

，来安装pnpm，

二，创建vue3的项目

1.然后创建项目用pnpm

pnpm create vue

或也可以不安装pnpm，直接用npm来安装也是可以的，

npm create vue@latest

可以直接参考官网的方法。然后会出现一些选项，这些是问你是否安装一些相应的插件这里选了是。（在这一部中只是先创建一个基础的vue3项目，虽然问你是否安装这些插件，但是他并不会安装，当你执行了这张图片中的绿色的提示语中的 pnpm install之后，应该就是安装这些插件。）？

2.按照上面的提示，先cd，进入相应的文件夹。

3.然后执行 pnpm install，这一步是为了安装第一步中的，问你是否安装相应的插件的。

4.pnpm format，这一步是格式化代码的。

5.pnpm dev，这一步是启动本地环境。模拟服务器，用这个地址，这样就可以直接运行这个项目了，这里用live sever 插件好像无法运行。

经过以上步骤就创建了一个vue3的项目了。

三，打包

npm run build 就可以，但是打包后，他的路径是根目录。必须要放在根目录下才可以，不然一些资源就打不开。放在网站下面的分包下面不行。这个问题还需要待解决。

1. methods里面一面不建议用箭头函数