天天看點

vue

其實本人學vue已經學了有一段時間了,但是有的筆記都寫在有道裡面了,現在想把自己的入門筆記寫到部落格園裡面

1,首先我是先學會安裝vue,畢竟是新手,我是選擇用npm安裝,如果你為了下載下傳速度快一點可以裝個淘寶鏡像這是沒問題的,為什麼選擇npm呢(NPM 能很好地和諸如 Webpack 或 Browserify 子產品打包器配合使用)相比bower來說npm更比較好用一點(個人觀點),其實也可以選擇CDN

2,最新版下載下傳 npm install vue

3,Vue.js 提供一個官方指令行工具,可用于快速搭建大型單頁應用。可以讓我們更快的去在開發環境運作項目

# 全局安裝 vue-cli
$ npm install --global vue-cli
# 建立一個基于 webpack 模闆的新項目
$ vue init webpack my-project
# 安裝依賴
$ cd my-project
$ npm install
$ npm run dev
4,vue安裝好了,我們可以自己在Chrome裝一個調試工具vue-devtools

安裝步驟如下:
1,如果你有git bash 可以在git bash
        
vue
輸入如下指令行直接克隆下來,如果沒有git bash可以去github https://github.com/vuejs/vue-devtools
下載下傳
2,下載下傳完之後打開vue-devtools檔案夾->shells->chrome->manifest.json->persistent改為true
3,cmd vue-devtools
4,cnpm i編譯一下
5,cnpm run build

        
vue
6,打開Chrome->擴充程式->
vue
->找到shells->chrome放進去就可以了 7,其他全是去死扣官網和逛社群逛會的