首先访问vue的官方网站https://cli.vuejs.org/zh/guide/installation.html 然后找到安装页面  首先我们得需要安装node.js 但是我们这里不再描述如何进行node.js的安装 网上一大堆 **安装node.js的主要目的是为了得到npm,使用npm安装vue cli(脚手架) 使用vue cli创建vue项目**  下载node.js的地址为https://nodejs.org/en/download/package-manager 选择合适的版本号比如18大版本才能下载到vue cli v5.x 那么你就下载18大版本就行了 ### 安装好了node.js之后执行node -v 以及 npm -v 如下图所示  ### 执行命令 `npm config get registry` 查看一下包下载路径(我这是已经配置过的了)  ### 可以通过如下命令设置包的来源地址 这里要注意已经过期了这个地址 `npm config set registry https://registry.npm.taobao.org/` 还是改用官网提供的地址吧 不然**如果使用淘宝的会一直下载失败** `npm config set registry https://registry.npmjs.org/` ### 在idea当中同样也可以编辑前端 自己电脑安装好了之后在settings当中检索node.js就会有  ### 然后我们通过npm安装一下vue/cli脚手架 可以指定版本安装 `npm install -g @vue/cli@5.0.8` 安装完成之后 `vue --version` 查看结果如下所示  ###         当你第一遍安装不成功的时候再次执行vue create web命令会让你选择模版 这个时候就可以选择前面我们保存的train模版来安装  ### 剩下的就是等待安装了  ### 最后启动就行了  ###  ###  ###  ### 如果端口被占用 会自动往后加1 比如9000被占用那就会用9001 ### 还有一种方式就是如下图所示   ### 我们介绍一下页面加载的过程  ###  ###