vue 項目實戰 (入門)

DevYK 發布于2019-04-23 13:21 / 772人閱讀

摘要：環境搭建安裝箭頭是隨同一起安裝的包管理工具。檢查環境是否安裝成功打開一個命令提示符，有成功輸出版本號則為安裝成功。如果對您有幫助請動動鼠標右下方給我來個贊，您的支持是我最大的動力。

?

環境搭建

安裝NodeJS →箭頭 https://nodejs.org/en/

NPM是隨同NodeJS一起安裝的包管理工具。

檢查環境是否安裝成功：

打開一個命令提示符，有成功輸出版本號則為安裝成功。

//檢查node 版本號

node -v 

//檢查npm版本號

npm -v

安裝vue

npm install vue -g
npm install -g @vue/cli

新建項目

vue create vuedemo

選擇第一個就是默認配置了babel 跟eslint 一般選擇第二個

?選擇相應的比如說路由啊 vuex 啊這些基本的配置，鍵盤上下鍵移動選擇則按空格鍵選中，確認則回車

安裝哪一種 CSS 預處理語言

選擇哪個自動化代碼格式化檢測，因為我是用vscode編輯器的選擇了最后一個

詢問是否要保存配置，下次新建項目就不需要再次選擇了?

babel,postcss,eslint這些配置文件放哪

1.放獨立文件放置 2.放package.json里

根據我們剛才所選擇的配置就開始安裝相關的依賴和包了

運行項目

cd vuedemo
npm run serve

跑起來后瀏覽器打開

好了，就這樣基本上這樣你就跑起來一個vue 項目了

此隨筆乃本人學習工作記錄，如有疑問歡迎在下面評論，轉載請標明出處。

如果對您有幫助請動動鼠標右下方給我來個贊，您的支持是我最大的動力。

GPU云服務器云服務器 vue入門教程項目實戰 docker入門實戰 spark入門實戰

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1765.html

小光光談前端

摘要：這個問題應該是百度或者知乎都能知道答案的，以上是自己親身學習的一些途徑方便少走一點彎路入門。問題1：前端的學習路線基礎的html，css，js，推薦慕課網免費課程:前端工程師路徑,極客學院免費課程:前端工程師路徑大概刷過就可以了，不用死記硬背某個知識點，css跟js還需要加深學習的，在實戰過程中不懂就去查文檔基礎的ps切圖能力慕課網ps基礎課程擁有自己的虛擬主機傳送...

canopus4u 2019-08-29 16:10 評論0 收藏0
小光光談前端

摘要：這個問題應該是百度或者知乎都能知道答案的，以上是自己親身學習的一些途徑方便少走一點彎路入門。問題1：前端的學習路線基礎的html，css，js，推薦慕課網免費課程:前端工程師路徑,極客學院免費課程:前端工程師路徑大概刷過就可以了，不用死記硬背某個知識點，css跟js還需要加深學習的，在實戰過程中不懂就去查文檔基礎的ps切圖能力慕課網ps基礎課程擁有自己的虛擬主機傳送...

shiguibiao 2019-08-23 10:26 評論0 收藏0
Parcel+vue 入門實戰

摘要：在根目錄添加，配置新建這里引用了來方便展示頁面引入樣式引入組件庫開發和基于開發的目錄結構一致具體代碼可以參考添加腳本只需要執行和就可以進行開發和構建，就相當于資源的引用路徑。 parcel一個快速，零配置的 Web 應用程序打包工具,這里我介紹下如何和vue結合進行開發,強烈建議node8以上,具體代碼:https://github.com/zlxbuzz/pa... 初始化項目 mk...

MadPecker 2019-08-22 11:17 評論0 收藏0