vue2.0腳手架的安裝和項目搭建

首先我們需要安裝nodejs,我就不多說了,去node官網下載安裝吧https://nodejs.org/zh-cn/

關於node的版本選擇,我一向是啥時候用就安裝最新的。因爲前端技術更新太快了,用最新的兩個月後就不是了,所以還是與時俱進吧

然後node i vue-cli 安裝這個腳手架,默認是2.*的,需要裝3.0“npm install -g @vue/cli”具體給你們一個鏈接自己參考,https://www.cnblogs.com/XCWeb...

安裝完後,vue -V看看版本,有了版本號,說明安裝ok

clipboard.png

前期工作已經準備完畢

vuecli可以搭建集中不同類型的項目框架,可以通過vue list查看有多少種類型

clipboard.png

對於商業級項目,我們一般都選取webpack。其他的框架,自己可以去搭建起來看看

搭建步驟

1、vue init webpack my-project

執行後,可以看到一些選項,一般是三個,是否需要用vue-router,是否需要用eslint,是否需要用test unit測試,是否需要用e2e,端到端測試,都選y吧,更全面

搭建成功cd到my-project裏,執行npm i,下載依賴包,完了之後多了一個node-moudles。這裏還有幾個隱藏文件。包含babellrc、eslintlrc、還有editorconfig(幫助開發人員在不同的編輯器和IDE之間定義和維護一致的編碼樣式)、eslintignore(忽略哪些文件夾可以不用eslint規則)

最後執行npm start,出現訪問ip地址表示運行ok了。

當然這只是vue商業級項目的標準搭建,可以在裏面安裝一些自己喜歡的插件,幫助我們更好的開發項目。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章