快速構建乙個vue專案

2022-05-19 16:37:41 字數 1169 閱讀 9823

首先介紹一下命令列構建乙個vue專案步驟:

2、命令列介面輸入:cnpm install vue-cli -g,全域性安裝vue.cli腳手架,輸入vue list 出現如下資訊即可。

3、選擇乙個目錄建立專案資料夾,cd命令到該資料夾,輸入命令:vue init webpack  」專案名稱「,根據提示填寫對應資訊和設定安裝事項。

4、專案建立完成後,會出現兩個命令,依次輸入執行就可以執行專案,使用瀏覽器開啟最後出現的提示位址就可以看到vue專案的初始化介面。

初學者快速構建乙個vue專案:

左上角檔案→新建→專案,在專案面板中選擇vue專案

專案結構如下:

選單執行方式:執行→執行到終端→npm run serve,出現執行位址後到瀏覽器執行即可。 命令方式:右鍵vue專案→使用命令列視窗開啟所在目錄(a)→輸入命令:npm run serve→回車執行,得到一樣的執行結果

vue cli快速構建Vue專案

vue cli 是vue.js的腳手架,用於自動生成vue.js模板工程的。vue cli的使用?在使用之前需要先裝好vue 和 webpack 全域性安裝vue npm install g vue 全域性安裝webpack npm install g webpack 全域性安裝vue cli np...

Django 構建乙個專案

一 建立django程式 終端命令 django admin startproject fahaicmd ide建立django程式時,本質上都是自動執行上述命令 其他常用命令 python manage.py createsuperuser 使用命令列建立預設超級使用者 二 配置檔案 django...

Vue如何快速新建乙個工程專案

vue1.x版本提供腳手架 cli 進行快速新建乙個專案 install vue cli npm install g vue cli create a new project using the webpack boilerplate vue init webpack my project inst...