從零開始構建自己的第一個vue專案
一.安裝Node.js
1.在node.js官網下載相應的包:https://nodejs.org/en/
2.代開cmd命令列,輸入node -v看是否安裝成功,如出現版本號則表示安裝成功
3.node會自帶npm包管理器,輸入npm -v檢視是否安裝成功,如出現版本號則表示安裝成功
4.安裝vue-cli腳手架
5.輸入vue檢視是否安裝成功
二.使用npm包管理器和vue-cli來搭建專案
1.在E盤新建一個資料夾用來存放專案檔案,此處命名為vue-demo
2.進入此資料夾
3.在命令列輸入vue init webpack
4.按照提示進行相應的操作
5.安裝完成後輸入npm install命令
6.然後輸入npm run dev,啟動此專案
7.接著會出現以下內容
三.最後在瀏覽器輸入http://localhost:8080就可以訪問此專案啦
最終的專案資料夾包括以下內容
相關文章
- 從零開始構建一個webpack專案Web
- 從零開始構建一個vue專案 --- webpack歷險記VueWeb
- 從零開始搭建一個vue專案Vue
- 手動從零開始構建Laravel8+Inertiajs+Vue3專案LaravelJSVue
- 【教程】如何從零開始構建深度學習專案?深度學習
- 從0開始學VUE - 執行第一個VUE專案Vue
- 從零開始React專案架構(六)React架構
- 從零開始React專案架構(五)React架構
- 從零開始React專案架構(三)React架構
- 從零開始React專案架構(一)React架構
- 從零開始React專案架構(二)React架構
- 從零開始React專案架構(四)React架構
- Python 從零開始構建自己的比特幣區塊鏈系統Python比特幣區塊鏈
- VsCode從零開始配置一個屬於自己的Vue開發環境VSCodeVue開發環境
- 從零開始:一個正式的vue+webpack專案的目錄結構是怎麼形成的VueWeb
- [譯] 如何用 Python 從零開始構建你自己的神經網路Python神經網路
- vuePress從零開始搭建自己專屬的文件集合Vue
- 深入淺出Spring Web MVC:從零開始構建你的第一個Web應用SpringWebMVC
- 快速開始構建一個簡單專案
- 從零開始的爬蟲專案(一)爬蟲
- 嘗試從零開始構建我的商城 (一) :使用Abp vNext快速一個簡單的商城專案
- 從零搭建一個vue專案Vue
- 從零開始做Vue前端架構(9)Vue前端架構
- 從零開始寫專案第一篇【搭建環境】
- Vue從零開發SPA專案Vue
- 從零開始生成一個ios react-native專案iOSReact
- 從零開始 實現一個自己的指令碼引擎指令碼
- 從零開始實現一個自己的指令碼引擎指令碼
- 從零開始構建Web應用-PART 1Web
- 從零開始構建react應用(一)前言React
- JavaWeb——從零開始構建一個客戶管理系統(一)JavaWeb
- VuePress從零開始搭建自己的部落格Vue
- 如何從零開始構建深度學習專案?這裡有一份詳細的教程深度學習
- 從零開始:Django專案的建立與配置指南Django
- 《從零構建前後分離的web專案》實戰 -5分鐘快速構建炒雞規範的VUE專案骨架WebVue
- 從零開始學typescript構建一個rest風格web服務TypeScriptRESTWeb
- 【Java EE】從零開始寫專案【總結】Java
- 原生專案如何從零開始整合 React NativeReact Native