vue環境安裝搭建及專案建立

2021-10-21 16:38:43 字數 1750 閱讀 3446

一、首先要先安裝node(官網

二、設定nodejs prefix(全域性)和cache(快取)路徑

首先找到剛才選擇nodejs路徑,新建node_global和node_cache兩個資料夾

第二步

用win+r開啟管理cmd進入

設定快取資料夾

npm config set cache 「y:\node\nodejs\node_cache」(路徑輸入自己檔案路徑)

設定全域性模組存放路徑

npm config set prefix 「y:\node\nodejs\node_global」

設定成功後用命令npm install ***(檔名自己起乙個好記的) -g安裝以後模組就在y:\node\nodejs\node_global的檔案裡

第三步

基於 node.js 安裝cnpm(**映象)

npm install -g cnpm --registry=

第四步

設定環境變數(非常重要的一步)

1、滑鼠右鍵"此電腦",選擇「屬性」選單,在彈出的「系統」對話方塊中左側選擇「高階系統設定」,彈出「系統屬性」對話方塊。

2、修改系統變數path

3、新增系統變數node_path

設定好後確定即可

第五步安裝vue

cnpm install vue -g

第六步安裝vue命令列工具,即vue-cli 腳手架

cnpm install vue-cli -g

第七步新專案的建立

1.開啟存放新建專案的資料夾

開啟開始選單,輸入 cmd,或使用快捷鍵 win+r,輸入 cmd,敲回車,彈出命令提示符。開啟你將要新建的專案目錄

2.根據模版建立新專案

在當前目錄下輸入「vue init webpack-****** 專案名稱(使用英文)」。

vue init webpack-****** mytest

專案目錄結構:

3、安裝工程依賴模組

4、執行該專案,測試一下該專案是否能夠正常工作,這種方式是用nodejs來啟動。

cnpm run dev

成功建立專案初始化頁面如下:

安裝第二個之後的vue專案直接從第七步開始重複操作即可

vue 環境搭建及專案建立

vue 高效 靈活 安裝nodejs 並檢測 自帶npm 個人開發可使用國內 映象cnpm,代替npm win版 npm install g cnpm registry mac版 3.安裝vue cli 配置vue的開發環境 複雜安裝法 裝好的檔案目錄 執行cnpm run dev簡易安裝法 vue...

vue環境搭建及建立專案

安裝完成後檢視對應的node和npm版本,如沒有出現對應版本號則代表安裝失敗 安裝vue cli vue腳手架 安裝vue cli之前確保要先是否安裝webpack webpack安裝命令 npm install webpack g 安裝好後開始安裝 vue cli npm install g vu...

vue環境搭建,vue專案建立

vue這個新的工具,確實能夠提高效率,在經歷的一段時間的摧殘之後,終於能夠有乙個系統的認識了,下面就今天的收穫做乙個總結,也是vue入門的精髓 1.要使用vue來開發前端框架,首先要有環境,這個環境要借助於node,所以要先安裝node,借助於node裡面的npm來安裝需要的依賴等等。這裡有乙個小技...