1. 程式人生 > >vue.js學習筆記1——安裝及創建並運行vue實例

vue.js學習筆記1——安裝及創建並運行vue實例

log tip light js學習筆記 vue-cli project 作者 require 需求

vue安裝:

$ npm install vue

vue-cil安裝:

$ npm install -g vue-cli

創建webpack實例:

$ vue init webpack projectName

tips:(摘自https://blog.csdn.net/Marian96/article/details/73603844)

①、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)

運行vue項目:

$ npm run dev

  

vue.js學習筆記1——安裝及創建並運行vue實例