vue入門環境安裝

一、下載安裝最新nodejs

nodejs官網:https://nodejs.org/en/

下載後安裝選擇add to path (自動添加環境變量)



如果安裝成功後輸入node -v 會輸出版本號


二、配置nodejs

安裝成功後設置全局文件夾和緩存文件夾便於管理

1、在nodejs安裝目錄下新建node_cache文件夾和node_global兩個文件夾


2、設置緩存文件夾


設置成功後npm i 依賴包名稱 -g就會在node_global中

3、設置淘寶鏡像


4、配置環境變量

node_global文件夾添加至系統變量


新增系統變量:NODE_PATH(在node_global中的node_modules文件夾)


三、安裝vue

安裝好nodejs後需要重新打開命令行

npm i vue -g


安裝好vue後需要重新打開命令行


安裝腳手架


四、創建項目運行

1、新建一個文件夾來存放項目


2、打開命令行進入項目目錄

    運行:vue init webpack MyVue( 項目名稱)



cd 到項目根目錄運行

安裝依賴包

npm i(i是install的縮寫)



安裝依賴完成

運行項目

npm run dev


運行完成後會自動打開瀏覽器(有些不會)

複製這個網址也能訪問




發佈了73 篇原創文章 · 獲贊 11 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章