安裝全域性vue-cli
終端中執行:sudo npm install --global vue-cli
windows系統:npm install --global vue-cli
檢查是否安裝成功
終端中輸入:vue --version
專案初始化
進入指定專案目錄中
終端中輸入:vue init webpack 」專案名稱「
如下圖,根據需要旋轉是否安裝 vue 相關的檔案
進入到建立的 project 中 進行 vue 相關的安裝
cd 專案
執行:npm install
檔案配置
修改埠號:port可以設定為自己想要的預設為8080,比如8081
啟動專案
執行:npm run dev
執行後瀏覽器中開啟:http://localhost:8080
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...