天天看點

vue-cli 3.x安裝及項目建立

前提環境

node.js      沒安裝點選 https://nodejs.org/zh-cn/

可通過

node -v
npm -v
           

檢視是否安裝

安裝過程

1.安裝淘寶鏡像,使用npm速度更快

npm install -g cnpm --registry=https://registry.npm.taobao.org
           

2.安裝vue-cli

cnpm install -g @vue/cli
           

檢視是否安裝成功

vue --version
           

3.建立vue項目

//首先cd到要建立的目錄,否則預設
vue create vue-project
//後選擇no就可以了,選擇yes會安裝相關元件
//接着選擇default,使用預設模闆
           
vue-cli 3.x安裝及項目建立

4.部署本地運作

cd hello-vue
           
cnpm run serve
           
vue-cli 3.x安裝及項目建立

之後在浏覽器輸入 http://localhost:8080/ 就能顯示初始頁面了

vue-cli 3.x安裝及項目建立