1.安裝nodejs全局安裝vue-cli
我們是在國內(nèi),npm安裝的速度和下載的時候可能會出問題,所以我現(xiàn)在用cnpm 安裝具體安裝
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
如果安裝失敗,可以使用 npm cache clean 清理緩存,然后重新安裝,使用 cnpm -v 查看是否安裝成功
cnpm安裝vue-cli和webpack
cnpm install -g vue-cli
安裝完vue命令環(huán)境后,我們測試是不是安裝成功,直接 vue -version
vue-cli提供了幾個模板給開發(fā)者用于不同類型的項目,我們可以通過vue list 查看
2.初始化項目,生成項目模板
vue init webpack demovue init 模板名稱 + 項目名字;意思是,首先我們選擇webpack的模板還有demo作為項目名字
vue init webpack demo
接著選擇相應的選項,例如項目名稱,開發(fā)者,我是直接按Enter就默認
3.運行
然后我們可以看到那個命令行提示消息如下:
To get started:
cd demo
npm run dev
所以安裝提示操作,運行這個項目只要用cd命令進入這個文件夾,然后run一下就可以了
之后會出現(xiàn)如下提示:
Your application is running here: http://localhost:8080
demo項目已經(jīng)運行在8080端口了,現(xiàn)在我們打開瀏覽器輸入http://localhost:8080就可以看到效果。