vue如何新建一个项目(超详细哦--转)
原文鏈接
vue創建項目(npm安裝→初始化項目)
第一步npm安裝
首先:先從nodejs.org中下載nodejs
雙擊安裝,在安裝界面一直Next
直到Finish完成安裝。
打開控制命令行程序(CMD),檢查是否正常
使用淘寶NPM 鏡像
大家都知道國內直接使用npm 的官方鏡像是非常慢的,這里推薦使用淘寶 NPM 鏡像。
$? npm? install? -g? cnpm? --registry=https://registry.npm.taobao.org
這樣就可以使用cnpm 命令來安裝模塊了:
第二步項目初始化
1.第一步:安裝vue-cli
cnpm install vue-cli -g? ? ? //全局安裝 vue-cli
查看vue-cli是否成功,不能檢查vue-cli,需要檢查vue
選定路徑,新建vue項目,這里我是在桌面上新建了sun文件夾,cd目錄路徑
下面我一項目名為sell新建vue項目
vue init webpack? ”項目名稱“
現在已經創建好了,那就讓項目先安裝下依賴再運行一下,會出現下面的頁面,操作指令是:
cnpm install
cnpm run dev
注意 這里要在sell下進行安裝和運行哦!!!
親測 安裝成功。
利用vue-cil初始化構建vue項目,我們會獲得一個初始化的文件夾結構,如下:
下面開始進入你的vue之旅吧!!
vuejs參考手冊 ? ? ? ? ??//官網才是開始的必經之路。。。。
總結
以上是生活随笔為你收集整理的vue如何新建一个项目(超详细哦--转)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: SVN更新的时候报断言失败解决办法
- 下一篇: JS 倒计时插件