vue 實戰筆記一專案準備

2022-07-16 10:09:10 字數 736 閱讀 1489

這是在網上找的乙個訂餐系統vue的實戰demo。下面是我在做這個專案時的筆記

一.專案準備

1.新建資料夾,用visual studio編輯器,開啟終端(ctrl+~)

2.安裝腳手架工具 

npm install vue-cli -g

vue init webpack

安裝過程和基本專案結構貼圖

安裝過程中遇到乙個報錯,因為專案檔案的vue檔案中有空格和報錯

常見的eslint規則說明,參考別人的部落格

"no-trailing-spaces": 1,//一行結束後面不要有空格

3.啟動專案

npm run dev 啟動專案

這樣就可以瀏覽器開啟了,有任何改動儲存後,就會自動更新

腳手架工具專案已經完成

4.畫原型圖和icon字型準備

原型圖推薦用mockplus

一 專案準備

一.ps的基本操作 1.調出標尺 ctrl r 2.調整單位 編輯 首選項 單位與標尺 修改單位為畫素 3.放大和縮小 ctrl 或ctrl 4.量取長度或者寬度 選取工具 5.取色 工具欄吸管工具 6.文字 工具欄文字工具 二.開發環境的搭建 1.開發軟體使用visual studio code ...

vue學習(一)專案搭建

安裝cnpm npm install g cnpm registry 完成準備工作 1 開始安裝腳手架工具vue cli 開啟cmd,輸入以下命令,在全域性安裝vue cli 方式一 npm install global vue cli 方式二 cnpm install global vue cli...

一 專案概覽

鏈結1 密碼 1zrc 鏈結2 密碼 43bo 02 天天生鮮資料庫設計 待完善 03 使用者註冊 待完善 04 使用者登入 待完善 05 使用者中心 待完善 06 分布式fastdfs檔案系統 待完善 07 天天生鮮首頁 待完善 08 天天生鮮詳情頁 待完善 09 天天生鮮列表頁 待完善 10 天...