vue 起步
阿新 • • 發佈:2017-10-27
sta number 選擇 步驟 下載 net reg 其中 processor
# 全局安裝 vue-cli $ npm install --global vue-cli # 創建一個基於 webpack 模板的新項目 $ vue init webpack my-project # 安裝依賴,走你 $ cd my-project $ npm install $ npm run dev |
Vue.js是前端一個比較火的MVVM框架,要使用它,我們必須提前配置,其中有一種安裝方式是使用npm,比較適合比較大型的應用。今天就來看看這種方式如何操作,由於npm是國外的,使用起來比較慢,我們這裏使用淘寶的cnpm鏡像來安裝vue.
步驟
首先我們需要下載npm,因為我已經提前安裝了node.js,安裝包裏面集成了npm,然後我們就可以利用npm命令從獲取淘寶鏡像的cnpm了。
1.打開命令行窗口,輸入
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 1
獲取到cnpm以後,我們需要升級一下,輸入下面的命令
cnpm install cnpm -g
- 1
因為安裝Vue需要npm的版本大於3.0.0,所以我們要升級一下,
然後我們輸入下面的命令,安裝vue
cnpm install vue
- 1
接下來安裝vue-cli
cnpm install --global vue-cli
- 1
此時環境就搭建好了。
2.接下來我們需要指定一個目錄存放我們的項目,可以選擇任意路徑,確定好路徑後輸入下面的命令
vue init webpack "項目名稱"
- 1
3.成功以後,我們進入項目所在目錄
cd "項目所在文件夾"
- 1
然後依次輸入下面的命令
cnpm install
cnpm run dev
- 1
- 2
成功後我們進入瀏覽器,輸入localhost:8080會展示下面的頁面
vue 起步