環(huán)境搭建~Vue CLI

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:

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

相關閱讀更多精彩內容

友情鏈接更多精彩內容