vue2 0 windows環境搭建

2021-07-29 10:07:42 字數 1370 閱讀 9680

首先安裝的git,他的右鍵git bash here定位比cmd的命令列要準確,接下來的命令都是利用git的git bash here,

反正我用cmd的時候是失敗的。

1、首先,vue.js是一種前端框架,一般利用vue建立專案是要搭配webpack專案構建工具的,而webpack在執行打包壓縮的時候是依賴node.js的環境的,所以,要進行vue專案的開發,我們首先要安裝node.js。node.js的官方位址為:

2、安裝完node之後,就要安裝cnpm,由於許多npm包都是在國外,安裝起來特別慢,所以我們這裡利用**的映象伺服器,來對我們依賴的module進行安裝。

安裝命令:npm install -g cnpm --registry=

3、安裝webpack

安裝命令:cnpm install webpack -g

4、接著安裝全域性的vue-cli腳手架,用於幫助搭建所需的模板框架

安裝命令:cnpm install -g vue-cli

安裝完後,可以輸入vue,然後回車,如果出現vue的資訊,則說明安裝成功了。

5、緊接著,就該建立專案了,自己找乙個合適的地方,新建乙個專案資料夾,根據自己的需要命名,我的命名為 my-vue,然後,開啟此資料夾,右鍵git bash here,定位到此資料夾,輸入:vue init webpackmy-vue(專案資料夾名),回車,等待一小會兒,依次出現『git』下的項,可按下圖操作:

此時,觀察my-vue的資料夾下又多了乙個vue-test資料夾,這個就是vue專案的資料夾,如圖所示:

6.之後通過命令:cd vue-test 進入此資料夾,在利用命令:cnpm install,回車,等待一小會兒,回到專案資料夾,會發現專案結構裡,多了乙個node_modules資料夾(該檔案裡的內容就是之前安裝的依賴)。

7、在命令列裡繼續輸入cnpm run dev來測試環境是否搭建成功,如果出現如下圖說明成功了:

在瀏覽器裡輸入localhost:8080就可以檢視頁面如下:

windows下apache php環境搭建

3 php5.5.6配置 b.在系統環境變數path中新增 d php d php ext,重啟後生效 4 apache2.4配置 b.修改d apache24 conf httpd.conf.把serverroot這行修改為 serverroot d apache24 雙引號之間的就是你的apac...

windows系統下Python環境的搭建

python 2.7 python 3.5 python 3.5 64位 3 為計算機新增安裝目錄搭到環境變數,把python的安裝目錄新增到path環境變數中即可。更改path環境變數值,新增c python27 c python27 scripts echo off echo 新增使用者變數 i...

windows系統下Python環境的搭建

1 首先訪問 3 為計算機新增安裝目錄搭到環境變數,如圖把python的安裝目錄新增到pth系統變數中即可。4 測試python安裝是否成功,cmd開啟命令列輸入 python 命令,如下圖即成功了 5 hello world!按照很多資料上寫的,輸入 print hello world 居然是不成...