vue cli 環境的搭建

2021-08-15 08:03:55 字數 1040 閱讀 1134

1、安裝 node.js 環境(建議安裝 git bash 方便操作命令行,或者也可以直接使用 cmd )  

根據自己系統的位數選擇對應版本。安裝比較簡單,基本一直下一步即可,安裝路徑自己安排。

安裝完成後,在終端輸入如下命令,顯示版本號即安裝成功。

2、安裝 cnpm

由於 npm 命令是連線國外的伺服器,所以建議安裝**映象的 cnpm ,命令操作根 npm 一樣,就是多了一

個 c 而已。

在 cmd 命令列中輸入一下命令,按「enter」鍵,便會自動安裝。

npm install cnpm -g--registry=

安裝完成後,在 cmd 命令列中輸入一下指令:

cnpm -v 

顯示 cnpm 的**路徑即可。

3、安裝命令工具 cli

vue 提供乙個官方命令列工具,可用於快速搭建大型單頁應用。該工具為現代化的前端開發工作流提供了開箱即用的構建配

置。只需要幾分鐘並啟動乙個帶熱過載、儲存時靜態檢查以及可用於生產環境的構建配置的專案:  

# 全域性安裝 vue-cli

$ cnpm install --global vue-cli

# 建立乙個基於 webpack 模板的新專案

$ vue init webpack my-project

# 安裝依賴,走你

$ cd my-project

$ cnpm install //安裝依賴命令

$ cnpm run dev //執行專案命令

附錄:vue 中文官網:

vue cli 環境搭建

vue cli是乙個快速構建vue單頁面應用 spa 的腳手架 不適合新手使用,因為有太多需要了解的東西,如 node.js npm webpack等 vue cli 環境搭建步驟 1,安裝node.js 官網 檢視node.js的版本 node v 檢視npm的版本 npm v 設定 的 設定 後...

docker 搭建vue cli開發環境

開發機上0環境,全都由容器實現 1 建立乙個專案目錄 2 編寫乙個 dockerfile 檔案 區分大小寫 建立乙個開發環境映象 dockerfile from node 10.19.0 stretch slim system local config run true debian china m...

vue cli快速搭建Vue開發環境

安裝nodejs 建議安裝 lts 版本 安裝vue cli g引數表示全域性安裝 npm install vue cli g使用vue cli初始化乙個vue專案 my project 是專案名稱,可以根據需要修改 vue init webpack my projectcd到專案目錄中安裝相關依賴...