使用vue框架開發前端項目的步驟


前端項目的開發


1. 本地安裝nodejs https://nodejs.org/en/download/
2. 測試安裝
> node -v


3. 本地安裝git
> git --version


4. 使用vue-element-admin
https://panjiachen.github.io/vue-element-admin-site/zh/guide

1) 進入項目中(使用的IDE軟件為 Visual Studio Code)
> cd vue-element-admin
2)安裝依賴(npm install 或 cnpm install)
> npm install (安裝依賴) 不做,慢!
為了加快下載速度,先安裝cnpm
> npm install -g cnpm --registry=https://registry.npm.taobao.org
> cnpm install
3) 運行項目
> npm run dev


5. 路由重置
src/router/index.js


6. 頁面添加
src/pages
1) 編寫頁面
2) 配置路由

 

熟練后的步驟:

1. 使用VS Code打開工作空間中的某一文件夾

2.打開Terminal終端,運行以下命令,--depth 1 代表最近一次commit的版本,這樣下載速度比較快。

git clone https://github.com/PanJiaChen/vue-element-admin.git --depth 1

3. 運行 cd vue-element-admin-site 命令,進入項目

4. 使用淘寶鏡像,運行命令: npm install -g cnpm --registry=https://registry.npm.taobao.org 

5. 安裝依賴,運行命令: cnpm install 

6. 運行項目,運行命令:npm run dev

 

大功告成!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM