Vue 安裝:
使用vue-cli腳手架開(kāi)發(fā)項(xiàng)目,vue-cli是基于node.js,首先安裝配置node.js
? ? (1-0) window系統(tǒng)直接下載安裝?https://nodejs.org/en/download/current/
? ? (1-1) Mac上推薦使用homebrew軟件包管理器安裝,如未安裝homebrew,先安裝?https://brew.sh/index_zh-cn.html, 然后brew install node,等待..
? ? (2) 安裝完node后建議更換npm淘寶鏡像加速后面的過(guò)程,打開(kāi)終端/命令行工具,執(zhí)行下面兩條命令
? ? npm config set registry https://registry.npm.taobao.org --global?
? ??npm config set disturl https://npm.taobao.org/dist --global
? ? (3)使用腳手架vue-cli構(gòu)建項(xiàng)目,執(zhí)行下面命令行,全局安裝vue-cli
? ??npm install --global vue-cli
? ? (4)創(chuàng)建使用項(xiàng)目:
? ??vue init webpack projectName
? ? 填寫(xiě)配置一下信息
? ??? Project name (vue-project) ?輸入項(xiàng)目名稱(chēng)
? ??? Project description (A Vue.js project) ?輸入項(xiàng)目詳情/介紹 ?
? ??? Author ?作者 直接回車(chē)
? ??? Vue build (Use arrow keys) ? 構(gòu)建vue
????? Runtime + Compiler: recommended for most users ? 運(yùn)行+編譯 ?直接回車(chē)
? ??Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific H
TML) are ONLY allowed in .vue files - render functions are required elsewhere ?僅僅運(yùn)行時(shí)
? ??? Install vue-router? (Y/n) ?是否導(dǎo)入vue-router , 一般項(xiàng)目都會(huì)使用, 直接輸入Y
? ??? Use ESLint to lint your code? (Y/n) ?是否使用ESLint檢測(cè)代碼,建議別使用, 輸入N
? ??? Set up unit tests (Y/n) ?是否單元測(cè)試 ? 根據(jù)需求選擇
? ??? Setup e2e tests with Nightwatch? (Y/n) ?是否使用nightwatch來(lái)e2e測(cè)試??根據(jù)需求選擇
? ??? Should we run `npm install` for you after the project has been created? (recom
mended) (Use arrow keys)
????? Yes, use NPM ? // 選擇使用NPM
? ? ? ?Yes, use Yarn?
? ? ? ? No, I will handle that myself?
? ? 然后等待下載安裝完成 然后cd到項(xiàng)目?
????cd projectName
?????運(yùn)行項(xiàng)目
?????npm run dev
? ? 安裝其他三方庫(kù) ?npm install vue-resource -S
