壹．安裝
1.1安裝vue.js，網址為：https://vuejs.org/v2/guide/installation.html ，老師給的網址打開會變成源代碼。

1.2安裝node，zip是安裝完之后的文件夾，msi是安裝包

這個英文官網的太慢了，建議這個中文網：http://nodejs.cn/download/

檢查是否安裝成功。

顯示版本信息為v14.16.0，說明安裝成功！
1.3安裝vue

1.4安裝 yarn

1.5使用 yarn 安裝 vue

1.6配置路徑
輸入yarn global bin找到路徑yarn 的 bin 目錄配置到環境變量即可（配置到 path 路徑下）
住：一般這一步可跳過，因為vue安裝時自動導入到環境變量

檢查是否安裝成功。

貳．使用vue-cli 創建項目
2.1通過cd格式進入某個盤里指定的文件夾，新建文件夾并建立指定文件夾，建立文件夾的格式為mkdir 文件夾名

2.2 使用vuecli創建項目
Vue Cli 2.0版本，創建項目命令：
vue init webpack myvuedemo
Vue Cli 4.0版本，創建項目可以使用命令：
vue create myvuedemo
我的版本是@vue/cli 4.5.12，使用vue create myvuedemo命令格式

由于配置方面沒有詳述，我在網上找了具體配置信息，配置的時候返回別的頁面會導致cmd選擇失效，所以我沒有截圖，直接選擇網上的信息。

回到d盤可以發現文件都創建好了。
我直接輸入yarn serve后報錯了，仔細看了之前的信息，發現依舊要先輸入cd myvuedemo 再輸入 yarn serve。

使用 webpack 啟動服務，然后編譯，完成以后提示項目運行的地址：默認是http://localhost:8080
我們在瀏覽器中輸入 http://localhost:8080 回車，看結果，發現他默認的主頁是 Vue 的一些介紹。

Vue3.X以上版本，可以開啟Vue UI 圖形界面，在瀏覽器中使用Vue GUI項目管理工具創建和管理項目。

總結

以上是生活随笔為你收集整理的vue及脚手架的下载安装，创建项目的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。