日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > vue >内容正文

vue

创建vue-cli项目

發布時間:2024/9/16 vue 30 豆豆
生活随笔 收集整理的這篇文章主要介紹了 创建vue-cli项目 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

安裝Vue

sudo cnpm install -g vue-cli全局安裝Vue腳手架,安裝成功之后可以使用vue -V查看vue的版本號

創建項目

vue init webpack packageName ,其中webpack表示所選擇的模板,通常情況下使用webpack作為模板,packageName是工程所在文件夾的名字,工程名在后面會提示輸入,默認與packageName一致
需要注意的是:

  • Install vue-router?(Y/n)是否安裝vue-router,這時官方的路由,大多數情況下都使用,輸入“y”回車就可以了
  • Use ESLint to lint your code?(Y/n)是否使用ESLint管理代碼,ESLint是個代碼風格管理工具,是用來統一代碼風格的,一般項目中都會使用。往往會規范空格、空行、大括號等風格。


然后我們cd test1進入文件夾
在test1目錄下執行啟動vue-cli命令:npm run dev

然后在瀏覽器輸入localhost:8080

初始化項目成功!

總結

以上是生活随笔為你收集整理的创建vue-cli项目的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。