首先,需要安装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里面一面不建议用箭头函数