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

npm install -g vue-cli

vue -v  檢查vue版本號

vue list vue列表

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

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

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

具體的功能我建議看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...