Vue-cli安裝與配置

Node.js的下載與安裝

node.js官網:https://nodejs.org/zh-cn/

注意:安裝node要選擇自動路徑配置,後面就不要進行環境變量的配置。

驗證是否安裝成功

查看node版本命令node -v
查看npm是否安裝命令 npm -v

在這裏插入圖片描述

安裝cnpm

在命令行窗口輸入
命令npm install -g cnpm -registry=https://registry.npm.taobao.org

驗證是否安裝成功
命令 cnpm -v

在這裏插入圖片描述

安裝vue-cli腳手架

安裝命令npm install -g @vue/cli
驗證是否安裝成功命令 vue --version

在這裏插入圖片描述

在這裏插入圖片描述

搭建第一個項目

進入D盤命令:d:
切換目錄命令cd vueProgram

在這裏插入圖片描述
在這裏插入圖片描述
創建目錄mkdir shop
進入項目cd shop
在這裏插入圖片描述
初始化
在項目全局安裝
然後初始化
初始化時會提示要輸入信息(一直enter)
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

進入項目目錄cd shop

在這裏插入圖片描述
運行項目npm run dev

在這裏插入圖片描述

在這裏插入圖片描述

在瀏覽器地址欄輸入http://localhost:8080

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章