1. 程式人生 > >vue中的vue-cli

vue中的vue-cli

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