Vue 開發讀書筆記

2021-10-07 02:12:49 字數 1411 閱讀 3845

1.node.js安裝成功後

在鍵盤按下【win+r】鍵,輸入cmd,然後回車,開啟cmd視窗,

輸入node -v和npm -v即可顯示當前安裝的版本號,即表示安裝成功

2.安裝cnpm

npm install -g cnpm --registry= 然後等待。

3.安裝vue-cli

命令:npm install -g vue-cli

4.建立第乙個vue.js專案

命令列中輸入:vue init webpack my-first-demo(專案資料夾名)

5.初始環境

通過輸入cd  my-first-demo就可以進入目錄具體資料夾

命令列中輸入:cnmp install或者npm install安裝依賴包。

重新開啟路徑下的資料夾,我們可以看到資料夾中比之前的資料夾多了乙個node_modules資料夾,到此腳手架安裝完成。

6.執行除錯

在命令列中里輸入:npm run dev

7.發布到伺服器

npm run build

通過npm run build 把生成的dist資料夾(不要上傳資料夾)裡的內容上傳到http伺服器上就可以通過 http來訪問了,開發機上正常

上傳以後 程式出現錯誤不能執行的原因99.99%的可能性是你引用資源的路徑有問題

①、project name (sanfeng1);專案名稱(sanfeng1)。(確定按enter,否按n) 

②、 project description (a vue.js project);專案描述(一vue.js專案)。(隨意輸入一段簡短介紹,用英文) 

③、author (sunsanfeng);作者(sunsanfeng)。(確定按enter,否按n) 

⑤、install vue-router? (y/n);安裝的路由?(/ n)。(可安可不安,以後也可以再安,根據需求選擇) 

⑥、use eslint to lint your code? (y/n);使用eslint語法?(y/ n)。(選n)(使用eslint語法,就要做好心理準備,除非你非常懂eslint語法,要不就會處處報錯,我就被逼瘋過,建議n) 

⑦、setup unit tests with karma + mocha? (y/n);設定單元測試?(y / n)。(選n) 

⑧、setup e2e tests with nightwatch? (y/n);nightwatch建立端到端的測試?(y / n)。(選n)

cd projectname

// ctrl+c 結束並進入檔案目錄               

npm install                  

//初始化安裝依賴

npm run dev     

//最後執行

敏捷開發讀書筆記

1 開始時需求要明確 2 盡早發布可執行的demo,持續進行整合 3 功能粒度要足夠低 4 架構可以隨時進行調整 5 測試驅動開發 6 持續整理 及架構重構 7 持續的速度,任務分解需要細緻 粒度要小,各個模組的任務完成要及時 有效 軟體之美在於它的功能,在於它的內部結構,還在於團隊建立它的過程。對...

《測試驅動開發》 讀書筆記

測試驅動開發 讀書筆記 前言 測試驅動開發 tdd 以測試作為開發過程的中心,要求在編寫任何產品 之前,首先編寫用於定義產品 行為的測試,而編寫的產品 又要以使測試通過為目標。測試驅動開發要求測試可以完全自動化地執行,在對 進行重構前後必須執行測試。這是一種革命性的開發方法,能夠造就簡單 清晰 高質...

《Flask Web開發》讀書筆記 一

2.3 啟動伺服器 2.4 乙個完整的程式 flask有兩個主要依賴 路由 除錯和web伺服器閘道器介面 web server gateway inte ce,wsgi 子系統由werkzeug提供 模版系統由jinja2提供 2.1 初始化 所有flask程式都必須建立乙個程式例項。web伺服器使...