本文介紹了VsCode新建VueJs,分享給大家,具體如下:
使用vue-cli快速構建項目
( vue-cli 是vue.js的腳手架,用于自動生成vue.js模板工程的。 安裝vue-cli之前,需要先安裝了vue和webpack )
? node -v //(版本低引起:bash: npm: command not found)? npm -v //以上幫助檢查是否安裝 node npm? 輸入vue,//測試vue是否安裝成功? 輸入vue list //看vue中有哪些子類 npm install vue
npm install -g vue-cli //全局安裝vue-cli vue init webpack projectName //生成項目名為projectName的模板,這里的項目名projectName隨你自己寫 (是的話 敲回車就行)//默認情況下,webpack安裝的是最新版本的,如果要安裝其他版本,使用命令行vue init webpack#1.0 ***就可以了。
在安裝時會詢問你:
①、Project name (sanfeng1);項目名稱(sanfeng1)。(確定按enter,否按N)
②、 Project description (A Vue.js project);項目描述(一vue.js項目)。(隨意輸入一段簡短介紹,用英文)
③、Author (sunsanfeng);作者(sunsanfeng)。(確定按enter,否按N)
④、Vue build (Use arrow keys)> Runtime + Compiler: recommended for most usersRuntime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere;Vue公司的建立(使用箭頭鍵)>運行時+編譯器:大多數用戶推薦運行時間:約6kb輕民+ gzip,但模板(或任何Vue具體HTML)只允許在。VUE文件渲染功能是必需的其他地方。(按enter)
⑤、Install vue-router? (Y/n);安裝的路由?(/ N)。(可安可不安,以后也可以再安,根據需求選擇)
⑥、Use ESLint to lint your code? (Y/n);使用ESlint語法?(Y/ N)。(使用ESLint語法,就要做好心理準備,除非你非常懂ESLint語法,要不就會處處報錯,我就被逼瘋過,建議N)
⑦、Setup unit tests with Karma + Mocha? (Y/n);設置單元測試?(Y / N)。(選N)
⑧、Setup e2e tests with Nightwatch? (Y/n);Nightwatch建立端到端的測試?(Y / N)。(選N)
cd projectName// ctrl+c 結束并進入文件目錄 npm install //初始化安裝依賴npm run dev //最后執行//在瀏覽器打開http://localhost:8080,則可以看到歡迎頁了。
但是這個只能在本地跑,要如何在我們自己的服務器上訪問呢?
此時需要執行:
? npm run build//會生成靜態文件,在根目錄的dist里,里面有個index.html,這是服務器訪問的路徑指定到這里就可以訪問我們自己的項目了。
注意:淘寶鏡像語句,安裝后npm速度更快,用的時候只需將npm都改成cnpm:
$ npm install -g cnpm 主站蜘蛛池模板: 日日综合| 草草久久久 | 成人短视频在线播放 | 国产精品一区99 | 国产一区二区精品91 | 成人一区二区三区在线 | 久国产 | 国产亚洲欧美日韩在线观看不卡 | 国产一级毛片a | 国产精品久久久久久久久久 | 天天碰天天操 | 国产色视频在线观看免费 | 精品不卡 | 永久在线观看电影 | 免费网站看毛片 | 污污网站入口 | 亚洲精华液久久含羞草 | 91美女啪啪 | 精品国产一区二区三区四 | 91久久国产露脸精品国产 | 国产午夜电影在线观看 | 欧美四级在线观看 | v11av在线视频成人 | 亚洲欧美国产精品va在线观看 | 欧美一级一片 | 在线无码 | 国产91av视频 | 看a级毛片 | 正在播放91精 | 国产欧美日韩视频在线观看 | 国产一区二区三区四区五区精品 | 国产精品久久久久久久av | 免费在线观看国产 | 亚洲欧美日韩中文在线 | 亚洲午夜视频在线 | 视频国产一区二区 | 香蕉国产在线视频 | 精品三级内地国产在线观看 | 久久亚洲精品国产一区 | 免费午夜视频 | 久久久久久久久久亚洲 |