【Vue 】安裝腳手架創建第一個項目

Y
先做一些準備工作和其他說明,安裝vue-cli 的時候有時候也許會報錯,這個多半是因爲node版本過低,請儘量使用較新版本。
我安裝時用的 cnpm 命令,是淘寶的 NPM 鏡像,詳細可參考:https://npm.taobao.org/
簡單安裝就一局:


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

然後開始搭建項目:

1、安裝 vue-cli ,執行以下命令:

DEMO
cnpm install -g vue-cli 

如下圖:

在這裏插入圖片描述
安裝完成後,進入項目文件夾,輸入命令:vue init webpack , 如下:


vue init webpack

這裏會有一些配置信息,可按照個人的需求來設置;
在這裏插入圖片描述
在這裏插入圖片描述
目錄安裝完成~


個人的電腦上已經安裝過一些模塊了,所以到這裏輸入 “npm run dev” 就可以直接跑起來了:
在這裏插入圖片描述


沒有安裝過任何依賴的童鞋需要需要執行以下命令來進行安裝:


  cnpm install 


安裝完成後就可直接輸入 npm run dev 來執行項目了:
(一般情況下默認打開的頁面是SRC 裏面的 app.vue 文件,先來做一點改動)
在這裏插入圖片描述
路由配置在 src / router /index.js 配置一下, 使用 Vue.use() 加載插件

在這裏插入圖片描述
之前已經執行過 “npm run dev”,這裏就不用重複執行了,頁面也不用按F5, 自動就刷新了。
完成:

在這裏插入圖片描述

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