從零開始構建自己的第一個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
- 【教程】如何從零開始構建深度學習專案？深度學習
- 從零開始搭建vue.js專案Vue.js
- 從零開始React專案架構(六)React架構
- 從零開始React專案架構(三)React架構
- 從零開始React專案架構(四)React架構
- 從零開始React專案架構(五)React架構
- 從零開始React專案架構(一)React架構
- 從零開始React專案架構(二)React架構
- 從零開始：一個正式的vue+webpack專案的目錄結構是怎麼形成的VueWeb
- vuePress從零開始搭建自己專屬的文件集合Vue
- 從 0 開始構建一個屬於你自己的 PHP 框架PHP框架
- 從0開始構建一個屬於你自己的PHP框架PHP框架
- 從零開始做Vue前端架構（1）Vue前端架構
- 從零開始做Vue前端架構（2）Vue前端架構
- 從零開始做Vue前端架構（9）Vue前端架構
- 從零開始構建自己的js庫工具庫（二）——10個js處理陣列的方法JS陣列
- 從零搭建一個vue專案Vue
- 從零開始的爬蟲專案（一）爬蟲
- [譯] 如何用 Python 從零開始構建你自己的神經網路Python神經網路
- Python 從零開始構建自己的比特幣區塊鏈系統Python比特幣區塊鏈
- 從零開始搭建架構實施Android專案架構Android
- VsCode從零開始配置一個屬於自己的Vue開發環境VSCodeVue開發環境
- 快速開始構建一個簡單專案
- Vue從零開發SPA專案Vue
- 從零開始寫專案第一篇【搭建環境】
- 從零開始的Android新專案（1）：架構搭建篇Android架構
- 從零開始構建Web應用-PART 1Web
- 從零開始構建react應用（一）前言React
- 從零開始 實現一個自己的指令碼引擎指令碼
- 從零開始實現一個自己的指令碼引擎指令碼
- JavaWeb——從零開始構建一個客戶管理系統（一）JavaWeb
- VuePress從零開始搭建自己的部落格Vue
- 嘗試從零開始構建我的商城 (一) :使用Abp vNext快速一個簡單的商城專案