【1】用命令行搭建Vue项目
生活随笔
收集整理的這篇文章主要介紹了
【1】用命令行搭建Vue项目
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
先安裝Node.js
http://nodejs.cn/download
推薦國人安裝淘寶npm鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后創建一個空文件夾,在資源管理器地址欄輸入cmd,回車然后輸入
?
cnpm install vue-cli -g
vue init webpack projectName(您的項目名稱)
大概會下載安裝幾分鐘,直到出現就代表安裝搭建成功了
找到對應的Vue目錄(這里是projectName),里面大概會有這些文件
在資源管理器地址欄輸入cmd,然后輸入cnpm run dev
直到出現
復制http://localhost:8080即可訪問vue項目了,大概是這樣的界面
【提示】
如果遇到運行的時候報錯提示:Use // eslint-disable-next-line to ignore the next line.
找到build/webpack.base.conf.js文件,找到這行代碼注釋掉就可以了!
//...(config.dev.useEslint ? [createLintingRule()] : []),
如何讓命令自動運行并且在瀏覽器打開項目?
找到config/index.js修改其中的autoOpenBrowser為true,保存重新運行項目即可。
【擴展閱讀】
Vue項目引用Element UI(餓了么框架)初期配置
總結
以上是生活随笔為你收集整理的【1】用命令行搭建Vue项目的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: VS2019生成C++开发的exe文件可
- 下一篇: webstorm命令行提示‘node‘