vue入門之vue cli安裝步驟詳解

2021-09-02 19:24:00 字數 642 閱讀 1468

利用npm對vue-cli進行全域性安裝
npm install -g vue-cli
檢查是否安裝成功

vue -v  檢查vue版本號

vue list vue列表

安裝成功後,在你的建立乙個你的專案資料夾,cmd進入的資料夾

輸入命令:vue init webpack projectname --初始化專案,生成專案模板 接下來會有幾個要填的選項

安裝完成

接下來你就可以看到你的專案目錄了

這裡的各個資料夾所存放的分別是:

build和config:

具體的功能我建議看hongchh的一篇文章寫的很詳細我就沒必要在寫一遍了vue-cli的webpack模板專案配置檔案分析

src:

平時的**原始碼都在這裡面寫就好了

static:

需要引入靜態資源,例如jq的一些外掛程式庫,沒有npm和cdn的。將js放到這裡。然後在index.html裡引入:

VUE快速入門04之vue cli

g 就是全域性安裝 npm install cnpm g 或使用如下語句解決 npm 速度慢的問題 npm install registry 在命令臺輸入 cnpm install vue cli g 檢視是否安裝成功 vue list 建立乙個vue專案,我們隨便建立乙個空的資料夾在電腦上,我這裡...

vue 入門 之 安裝vue 環境

點 next 完成安裝 輸入 node v 檢測 node 版本及是否安裝成功 輸入 npm v 檢測 npm 版本 2.安裝 映象 cnpm 輸入 npm install g cnpm registry 進行 cnpm 安裝 3.安裝 vue cli 腳手架 輸入 cnpm install g v...

vue cli安裝vue安裝和配置

今天來介紹一下vue專案的自動化構建 2.nodejs安裝成功以後,會自動安裝上npm npm是nodejs的包管理和分發工具 也可以安裝上 npm映象,命令 npm install g cnpm registry taobao.org,適合國內的網際網路環境 3.接著安裝vue cli,命令 np...