vue 建立vue專案

2021-08-29 07:28:33 字數 564 閱讀 3973

在程式開發中,有三種方式建立vue專案,本地引入vuejs、使用cdn引入vuejs、使用vue-cli建立vue專案。其中vue-cli可以結合webpack打包工具使用,大大方便了開發步驟,使用廣泛。

在用 vue 構建大型應用時推薦使用 npm 安裝[1]。npm 能很好地和諸如 webpack 或 browserify 模組打包器配合使用。同時 vue 也提供配套工具來開發單檔案元件。

安裝**映象庫

如果訪問外網比較慢,可以使用**的映象 

開啟命令終端npm install -g cnpm--registry=

安裝成功之後,就可以用 cnpm 替代 npm

安裝vue-cli

npm install -g vue-cli / cnpm i -g vue-cli

安裝結束之後,使用vue -v檢視vue的版本。

安裝成功之後,vue環境就部署成功了,接下來就可以使用npm方式建立專案框架了。

啟動成功,瀏覽器開啟:localhost:8080,即可看到vue專案。

建立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...

建立vue專案

1.首先要安裝node.js。node.js的官方位址為 安裝完後,啟動cmd 輸入node v,然後回車,如果出現node版本資訊,則說明安裝成功了。2.安裝 映象cnpm。安裝命令為 npm install g cnpm registry 回車等待安裝。3.安裝全域性的vue cli腳手架,用於...