vue環境搭建及專案構建

2021-09-10 08:20:22 字數 1061 閱讀 7419

最近要開發乙個新的專案,使用到了vue做前端框架,這是第一次接觸vue,所以在此做一下環境搭建過程的記錄,以便以後使用查詢

一、驗證是否安裝node.js

按下ctrl+r輸入cmd回車,開啟命令提示符控制台

在開啟的視窗中輸入node 回車,在輸入function testnode() ; testnode();回車,看到綠色的 結果,即安裝了node.js

或檢視node.js版本,使用node -v命令

二、安裝node.js

驗證安裝成功,使用一、3.npm包管理器整合在node.js中了,可以使用npm -v命令驗證

更新npm至最新版本,使用npm -g install npm命令

三、安裝 cnpm

四、使用cnpm安裝腳手架vue-cli

五、構建專案

六、安裝專案依賴

七、執行專案

八、瀏覽專案檢視效果

九、前端開發工具推薦

vue及element專案環境搭建

vue cli failed to download repo vuejs templates webpack unable to verify the first certificate 2.把解壓出的資料夾放在 c users 當前使用者名稱.vue templates 沒有就新建乙個 vue ...

vue 環境搭建及專案建立

vue 高效 靈活 安裝nodejs 並檢測 自帶npm 個人開發可使用國內 映象cnpm,代替npm win版 npm install g cnpm registry mac版 3.安裝vue cli 配置vue的開發環境 複雜安裝法 裝好的檔案目錄 執行cnpm run dev簡易安裝法 vue...

vue環境搭建及建立專案

安裝完成後檢視對應的node和npm版本,如沒有出現對應版本號則代表安裝失敗 安裝vue cli vue腳手架 安裝vue cli之前確保要先是否安裝webpack webpack安裝命令 npm install webpack g 安裝好後開始安裝 vue cli npm install g vu...