第一种方法:CLI
注:我不喜欢大量的全局安装各种依赖,这样容易导致环境冲突,所以没有使用官方文档的安装方式,而是使用的npx,这个命令真好用
我平时默认使用的node版本是10.15.3,但是安装vue3.0时我使用nvm切换成了比较新的node版本14.15.1,因为使用较低的版本创建vue3.0的项目npm run serve启动时会报错,这是我之前踩的坑,并且由于几个项目用的Node版本不一样,我下载vue3.0项目依赖的时候忘记切换成14.15.1的版本,导致下载完依赖项目却启动报错,我不想再花时间改报错,就删除了node_modules包和package-lock.json文件,切换成node14.15.1版本npm install重新下载了一遍依赖,这也是个坑
//1.首先npx安装@vue/cli,避免了全局安装@vue/cli,注意项目名不能包含大写字母
npx @vue/cli create project-test-vue3
//2.敲回车键之后会给你选择,建议选择Manually select features,不仅可以手动选择想要的vue版本,还可以手动选择自己想要安装的依赖,选择Manually select features并敲回车后的各种多选,各种问你Y/N的我就不截图了,根据自己的需要配置,看不懂英文的可以使用百度、有道翻译等
第二种方法:Vite
npm init vite-app <project-name>
ps: 由于我使用vue3的脚手架创建项目,因此我用的node是16.20.1的版本,这就导致我npm install的时候一直失败,报的错让我以为是要清除缓存也就是npm cache verify,但是我发现没有用,是无意间看到之前写的关于解决npm中的各种包版本冲突的博客就试着把命令改成了
npm install --legacy-peer-deps
终于成功了,也包括node-sass也顺利下载成功,没有报找不到python2文件的错
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。