1.安裝Node.js
?終端工具( windows? ?cmd)
?命令行: 指令:1)node -v(查看安裝的Node版本)
? ? ? ? ? ? ? ? ? ? ? ? ? ?2)npm -v (Node 管理包) 檢查Node檢查沒有問題
2.碼云賬號:(晨曦墨,1609716621)
?1)主頁 --Private --點擊+ 創(chuàng)建私有的倉庫 --(項目名稱,語言:Javascript 、添加gitignore 、添加開源許可證:MIT License 私有、使用Readme----創(chuàng)建
?2)安裝git-- 指令:git --version (git 的版本)?
?3)通過git關聯(lián) 個人設置:SSH公鑰:如何生成公鑰 指令:桌面右擊-- git bash(相當于Linux終端)
?執(zhí)行命令:
(1) ssh-keygen -t rsa -C "1609716621@qq.com"? ? ?注冊郵箱保持一直(生成公鑰或者私鑰) (2) cat ~/.ssh/id_rsa.pub? (查看)?
?4)從線上克隆到線下:
? ? ? ? ?方法一:選擇SSH 復制地址 --在桌面終端(切換文件夾:cd~項目所在文件夾)--指令:git clone 地址?
? ? ? ? ?方法二:直接在項目所在的文件夾--右擊啟動git bash--再操作?
?5)線下提交到線上: 查看:git status 本地倉庫多出來很多文件 添加:git add . (添加到緩沖區(qū)) ----git commit -m 'project initialized' ---git push
?3.創(chuàng)建vue項目:(Vue CLI )
(參考文章:https://blog.csdn.net/ABAP_Brave/article/details/77852623)?
?1)全局安裝:$ npm install -g vue-cli 執(zhí)行vue命令查看安裝是否成功:
$ vue Usage: vue[options]顯示:
?Options:
?-V, --version output the version number
?-h, --help output usage information
?Commands:?
?init???? generate a new project from a template
?list ???? list available official templates
?build? ? ? ?prototype a new project
?help? ? ? ?[cmd] display help for [cmd]
?命令:vue list 查看可用模板
?2)創(chuàng)建項目:
使用webpack模板指令: $ vue init webpack HelloVue(項目所在文件夾)
? Project name hellovue 回車// 工程名稱(小寫)
? Project description hellovue // 工程描述,會在README.md文件生成輸入的內容
? Author wangzhen <376086383@qq.com> // 作者,如果有git,就是讀取git的User信息
? Vue build standalone
? Install vue-router? Yes // 否安裝Vue路由
? Use ESLint to lint your code? Yes // ESLint管理代碼(ES6代碼風格檢查器)
? Pick an ESLint preset Standard // ESlint-類型
? Setup unit tests with Karma + Mocha? No // 使用單元測試工具karma和mocha 默認是
? Setup e2e tests with Nightwatch? No // 使用e2e測試框架
?NightWatch 默認是
?vue-cli · Generated "HelloVue".?
?To get started:?
?cd HelloVue?
?npm install npm run dev?
?Documentation can be found at https://vuejs-templates.github.io/webpack
?3)運行VUE程序:
To get started:
?cd HelloVue
?npm install
?npm run dev?
?Documentation can be found at https://vuejs-templates.github.io/webpack: