vue中的vue-cli
阿新 • • 發佈:2017-07-18
col 1.0 style src sta com webpack 大型項目 dem
在前面的學習過程中我相信你們已經對vue有了一定的了解,現在我們來看一下vue中的vue-cli。
學習這個我們首先需要的是node環境的,如果你的網絡環境慢的話建議安裝淘寶鏡像,在cmd中輸入
npm install -g cnpm –registry=https://registry.npm.taobao.org
這個命令行,安裝,安裝之後檢查cnpm的版本
cnpm -v
之後創建項目文件進入項目文件中,在comd中下載vue-cli
cnpm install vue-cli -g --save-dev
之後檢查vue的版本
vue --version
在vue中有很多的版本模板,現在我們來學習一下大型項目的模板 webpack
進入文件後我們在命令行中敲入這行命令符
vue init webpack#1.0 webpackdemo
這行命令符是在建立我們的項目模板
之後進入webpackdemo項目,下載需要的插件
cnpm install
之後再執行
cnpm run dev
這個命令符就可以了
我們在src中的App.vue修改代碼就可以了。
vue中的vue-cli