1.安裝Node
vue的運行是要依賴于node的npm的管理工具來實現(xiàn),所以第一步需要安裝Node佛猛,進入到http://nodejs.cn/download/官網惑芭。下載對應mac對應的安裝包,安裝完成后继找,進入到命令行遂跟,輸入node -v,顯示node的版本即表示安裝成功婴渡。
2.安裝VUE-CLI
VUE-CLI是一相基于Webpack的vue模板項目幻锁,我們的項目基于此模板項目開發(fā),所以建第一個項目前需要先安裝VUE-CLI边臼,后面再新建項目就不需要了哄尔。在macOS命令行執(zhí)行如下命令:npm install -g vue-cli 即可。安裝完成后柠并,進入到命令行岭接,輸入vue -v,顯示vue的版本即表示安裝成功臼予。
3.新建項目
先在macOS上新建一個項目文件夾鸣戴,在mac命令行上進入(cd ...)到此目錄,執(zhí)行如下命令:vue init webpack object_name粘拾,然后根據提示輸入項目名等窄锅。
4.安裝項目依賴
繼續(xù)在mac命令行上執(zhí)行(項目目錄下):npm?install? ? 注:現(xiàn)在新的node版本已不需要執(zhí)行此命令了,如果是用的node老版本則需要執(zhí)行缰雇。
5.運行項目
繼續(xù)在mac命令行上執(zhí)行(項目目錄下): npm run dev? ? 入偷,運行成功后會彈出一個新的命令行窗口,在窗口中有url地址械哟,如:http://localhost:8080疏之,打開瀏覽器輸入: http://localhost:8080即可打開項目。
6.安裝element-UI組件
繼續(xù)在mac命令行上執(zhí)行(項目目錄下): npm install element-ui -S暇咆,運行成功后锋爪,查看配置文件package.json,是否有element-u組件的版本號糯崎。接下來的引入內容可查看element-UI官網https://element.eleme.cn/#/zh-CN學習。