[JavaScript知识库]利用vue脚手架快速搭建项目

第一步：去官网下载nodejs，自己选择路径，安装时候可以直接选择next，next...这里不详细说明；

第二步：检查是否安装好，wins+R调出终端，输入cmd指令；

输入node -v回车；

输入npm -v回车；

第三步：设置全局变量，详细见文章https://blog.csdn.net/qq_41684621/article/details/111308202，里面讲的非常清楚；

第四步：安装淘宝镜像cnpm

命令行输入指令

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后查看版本：（这里可能需要重新wins+R调出终端再输入下方指令）

cnpm -v

第五步：安装vue-cli

命令提示行打入：

cnpm install -g @vue/cli

第六步：新建一个脚手架项目

先输入cd Desktop,回车，表示这个文件建在桌面，

然后再命令行输入（firstvue为项目名，自己任取）

vue create firstvue

根据提示，键盘上下键选择vue3，回车（可能这一步之前，第一次会询问是否选择taobao，这里输入Yes)

再根据提示输入cd firstvue,回车；

输入npm run serve,回车；

最后出现两行地址，随便复制一行到浏览器打开，完成，详细见这篇文章

https://blog.csdn.net/weixin_39713538/article/details/111482271。

第七步：开发项目

一种方法是把这个文件拖到vscode打开，（终端打开vscode，命令行：code .）（可能你不是用VScode，用自己的编译器就好）；

还有一种是在VScode的终端创建项目，ctrl+`(这是键盘左上角的反引号）调出终端，

输入指令 vue create 项目名，回车，

选择默认vue3， 再根据输入cd 项目名，回车，输入npm run serve,

两行地址任选一个点击。

（最后最后，在任何安装出现问题，通过请教他人，查阅资料等都无法解决问题，就把node，npm相关文件全部删除，重启电脑，一切从零开始（小声哭泣）...）