window 安裝 vue環境

2021-09-10 06:19:33 字數 1550 閱讀 3995

1.安裝node.js(

2.基於node.js,利用**npm映象安裝相關依賴

在cmd裡直接輸入:npm install -g cnpm --registry=回車,等待安裝...

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

在cmd裡 1)輸入:cnpm install -g vue-cli,回車,等待安裝...

2).輸入:vue,回車,若出現vue資訊說明表示成功

4.建立專案

在cmd裡輸入:vue init webpack vue_test(專案資料夾名),回車,等待一小會兒,依次出現『git』下的項,可按下圖操作

5.安裝依賴

在cmd裡  1).輸入:cd vue_test(專案名),回車,進入到具體專案資料夾

2).輸入:npm install,回車,等待一小會兒

回到專案資料夾,會發現專案結構裡,多了乙個node_modules資料夾(該檔案裡的內容就是之前安裝的依賴)

基於腳手架建立的預設專案結構如下圖所示:

6.測試環境是否搭建成功

方法1:在cmd裡輸入:npm run dev

方法2:在瀏覽裡輸入:localhost:8080(預設埠為8080)

執行起來後的效果如下圖所示:

問題:在安裝過程中,你可能會遇到這個問題.

當我們執行某個專案是 會提示

> [email protected] dev c:\users\asus\my-project

> node build/dev-server.js

to use this template, you must update following to modules:

npm: 2.15.9 should be >= 3.0.0

這是只有公升級npm

即是 :使用 npm -g install [email protected] (版本號2.9.1 可以根據已發布的版本隨意公升級或降級),獲取最新版本的npm 檔案

檢視版本:

這時在專案中進行  npm run dev 時還是會 提示

因此還有一部關鍵的一步:

最後執行  npm run  dev 成功執行

window環境下安裝easy install

選擇zip包 2.解壓包 3.命令列工具cd切換到setuptool的目錄例如c users admin downloads setuptools 20.3 然後輸入python setup.py install 稍等片刻後即安裝成功 6.把python的指令碼路徑新增到環境變數path中,例如c ...

Window環境下Redis安裝

注意將安裝路徑加入環境變數,其它選項一直點next就可以。安裝完後,在命令列輸入redis cli,出現如下提示則說明安裝成功。在命令列切換到redis安裝目錄,然後執行redis server service install redis.windows service.conf,若執行後如下所示,...

WINDOW環境下安裝Ubuntu

ubuntu 8.04 iso檔案 將grldr和grub.exe放入c盤根目錄 3.在c盤根目錄新建乙個 menu.lst檔案,寫入如下內容 如果把 ubuntu 8.04 hardy desktop i386.iso放在c盤目錄下,為 title install ubuntu 8.04 find...