Vue.js是前端一個比較火的MVVM框架,這裏咱們使用淘寶的cnpm鏡像來安裝vue.前端
步驟vue
首先咱們須要下載npm,由於我已經提早安裝了node.js,安裝包裏面集成了npm,而後咱們就能夠利用npm命令從獲取淘寶鏡像的cnpm了。
1.打開命令行窗口,輸入node
npm install -g cnpm --registry=https://registry.npm.taobao.org
獲取到cnpm之後,咱們須要升級一下,輸入下面的命令webpack
cnpm install cnpm -g
由於安裝Vue須要npm的版本大於3.0.0,因此咱們要升級一下,web
而後咱們輸入下面的命令,安裝vuevue-cli
cnpm install vue
接下來安裝vue-clinpm
cnpm install --global vue-cli
此時環境就搭建好了。瀏覽器
2.接下來咱們須要指定一個目錄存放咱們的項目,能夠選擇任意路徑,肯定好路徑後輸入下面的命令bash
vue init webpack "項目名稱"
3.成功之後,咱們進入項目所在目錄框架
cd "項目所在文件夾"
而後依次輸入下面的命令
cnpm install
cnpm run dev
成功後咱們進入瀏覽器,輸入localhost:8080會展現下面的頁面