vue裡搭建工程流程

2022-08-14 21:27:16 字數 1198 閱讀 7363

vue-cli 乙個簡單的構建vue.js專案的命令列介面

整體過程:

$ npm install -g vue-cli  

$ vue init webpack vue-admin

$ cd vue-admin

$ npm install

$ npm run dev

後面分步說明。

前提條件,node.js >=4.x版本,建議使用6.x版本。npm版本 > 3.x

全域性安裝vue-cli

$ npm install -g vue-cli

3. 使用

$ vue init

vue官方提供了多個打包工具版本的模版。我們可以使用vue list命令檢視,當前可以使用的模版。

$ vue list

我們在這裡,使用webpack模版。 功能齊全的webpack & vue-loader 提供熱載入、**檢查、單元測試和css分離

$ vue init webpack vue-element-admin

之後,在e:\project資料夾下面,會有剛初始化的構建的專案vue-element-admin

4. 執行結果

專案基礎結構已經搭建好了,現在來啟動它。

進入專案檔案:

$ cd vue-element-admin

安裝依賴:

中國**原因,直接安裝,有時候會失敗。我們一般使用npm的**映象cnpm。

先安裝cnpm:

$ npm install -g cnpm --registry=

之後,使用:

$ cnpm install

你直接安裝也可以的:

$ npm install

執行:

$ npm run dev

啟動之後,自動開啟預設瀏覽器

之後,就可以進行本地開發,實時預覽開發效果。

5. 打包部署

專案開發完成之後,可以使用npm run build進行打包工作

$ npm run build

打包完成之後,會生成dist資料夾,專案上線時候,只需要將dist資料夾放到伺服器就行了。

6. 專案結構

django快速搭建工程

1.首先建立乙個pydjango的專案。初始的專案包括根目錄的manage.py,以及乙個以project name命名的資料夾 包含settings.py,urls.py,和乙個wsgi.py 2.修改settings.py 這個是最重要的東東。一定要記住裡邊的資料的目錄是相對於這個setting...

Pytorch搭建工程參考資料

使用dataset 使用dataset或者torchvision pytorch資料讀取 dataset,dataloader,dataloaderiter python 讀取 非opencv python 獲取畫素 pytorch之淺入torchvision.transforms.totensor...

STM32 1 搭建工程框架

建立系統資料夾 拷貝stm32庫檔案 將檔案新增至工程 配置工程環境 找乙個工程目錄,我就在 stm32 code下建立乙個模板工程template,方便以後拷貝。code template libraries 庫檔案 startup 啟動檔案 ins stm32 標準外設庫標頭檔案 src stm...