Vue 建立專案

2022-01-10 21:47:51 字數 852 閱讀 7471

安裝全域性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...