1.首先要安裝node.js。 node.js的官方位址為:
安裝完後,啟動cmd 輸入node -v,然後回車,如果出現node版本資訊,則說明安裝成功了。
2.安裝**映象cnpm。
安裝命令為:npm install -g cnpm --registry=
回車等待安裝。
3.安裝全域性的vue-cli腳手架,用於幫助搭建所需的模板框架
命令為:cnpm install -g vue-cli 回車等待安裝。
安裝完後,可以輸入vue,然後回車,如果出現vue的資訊,則說明安裝成功了。
5.建立專案
輸入命令 :vue init webpack newproject(專案資料夾名) ,回車等待安裝。
建立在自己想要的路徑下:例如想新建資料夾在f盤的webex下
7.相關目錄下出現vue專案的資料夾
8.輸入:cd newproject(檔名) 進入此資料夾,
9.在利用命令:cnpm install,回車,等待一小會兒,回到專案資料夾,會發現專案結構裡,多了乙個 node_modules資料夾(該檔案裡的內容就是之前安裝的依賴)。
10.輸入 cnpm run dev來測試環境是否搭建成功,瀏覽器將自動彈出主頁面
vue 建立vue專案
在程式開發中,有三種方式建立vue專案,本地引入vuejs 使用cdn引入vuejs 使用vue cli建立vue專案。其中vue cli可以結合webpack打包工具使用,大大方便了開發步驟,使用廣泛。在用 vue 構建大型應用時推薦使用 npm 安裝 1 npm 能很好地和諸如 webpack ...
建立vue專案
總結官方的建立vue專案 1.安裝vue.js執行環境nodejs,可用 映象安裝,會比較快,建議安裝c盤,安裝成全域性的。命令是 npm install g cnpm registry 2.檢視安裝的版本,命令是 cnpm v3.安裝全域性腳手架,命令是 cnpm install g vue cl...
建立vue專案
1.按 windous鍵 r 輸入 cmd 開啟黑框框 2.檢查是否安裝npm,執行如下 npm v如果顯示的是版本號,則已經安裝,執行第三步 如果沒有顯示版本號,則需安裝npm npm install npm build npm run dev3.檢查是否安裝vue cli3,執行如下 npm v...