使用vue-cli(2.x)開發(fā)web的基礎(一)-環(huán)境配置安裝

Vue 安裝:

使用vue-cli腳手架開發(fā)項目,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淘寶鏡像加速后面的過程,打開終端/命令行工具,執(zhí)行下面兩條命令

? ? npm config set registry https://registry.npm.taobao.org --global?

? ??npm config set disturl https://npm.taobao.org/dist --global

? ? (3)使用腳手架vue-cli構建項目,執(zhí)行下面命令行,全局安裝vue-cli

? ??npm install --global vue-cli

? ? (4)創(chuàng)建使用項目:

? ??vue init webpack projectName

? ? 填寫配置一下信息

? ??? Project name (vue-project) ?輸入項目名稱

? ??? Project description (A Vue.js project) ?輸入項目詳情/介紹 ?

? ??? Author ?作者 直接回車

? ??? Vue build (Use arrow keys) ? 構建vue

????? Runtime + Compiler: recommended for most users ? 運行+編譯 ?直接回車

? ??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 ?僅僅運行時

? ??? Install vue-router? (Y/n) ?是否導入vue-router , 一般項目都會使用, 直接輸入Y

? ??? Use ESLint to lint your code? (Y/n) ?是否使用ESLint檢測代碼,建議別使用, 輸入N

? ??? Set up unit tests (Y/n) ?是否單元測試 ? 根據(jù)需求選擇

? ??? Setup e2e tests with Nightwatch? (Y/n) ?是否使用nightwatch來e2e測試??根據(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到項目?

????cd projectName

?????運行項目

?????npm run dev

? ? 安裝其他三方庫 ?npm install vue-resource -S

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容