Vue.js環境搭建

step1:安裝node.js,連接https://nodejs.org/en/
安裝完成,輸入node -v命令查看node版本
node.js集成了npm包管理器,輸入npm -v命令查看npm版本,npm須要在3.0.0以上的版本,若是npm版本小於3.0.0,輸入npm -g install npm命令更新npm至最新版本
注:-g 全局標誌

step2:安裝cnpm(npm的國內鏡像)
npm install -g cnpm --registry=https://registry.npm.taobao.org

step3:安裝全局webpack
cnpm install -g webpack
安裝完成,webpack -v命令檢查當前webpack版本
注:macos開發環境加上sudo,sudo cnpm install -g webpack

step4:安裝vue-cli腳手架工具
cnpm install -g vue-cli

step5:構建項目(以F盤vueProject文件夾爲例)
跳到此目錄下,輸入vue init webpack projectName命令建立一個基於webpack模板的項目

vue init webpack projectName的意思是初始化一個項目,利用webpack打包和壓縮,此項目命名爲projectName,在此過程當中,須要輸入項目名、描述、做者等

step6:安裝項目依賴
cnpm install

step7:運行項目
npm run devvue

相關文章
相關標籤/搜索