Vue-cli安裝遇到的問題解決方法

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就可以看到效果。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容