1. 首先我們可以使用webstrom 打開一個文件夾,然后我們打開webstrom命令行(terminal),新建一個package.json:只需輸入,npm init:
然后就會生成package.json文件

2. 我們需要安裝,webpack vue vue-loader,于是我們可以在npm輸入以下命令行:

因為npm比較慢,所以我安裝了淘寶鏡像,所以命令行不是Npm而是cnpm,具體可以去看淘寶鏡像安裝教程。
安裝完畢后會出現警告:

需要css-loader 和vue-template-comiler
所以我們根據以上步驟繼續安裝:
~~~
E:\web-file\vue任務代碼\vue>cnpm i css-loader vue-template-compiler
~~~
安裝成功后,我們還需要一些配置,如webstorm支持vue語法,支持新建vue文件:
1. ①Webstorm 右上角File-Plugins 搜索vue如果沒有就去下載 點擊serch in repositories
2. ②點擊安裝vue.js
3. 
4. ③安裝成功后點擊右下角Apply 提示重啟webstorm 重啟完成后 Setting-Editor-File and Code Templates 點擊右上角的加號 添加vue文件 Name為vue File, Extension 為vue,下面的位置可以填寫自定義的初始化模板內容
5. 
6. ④點擊OK 返回,在項目中新建會出現vue文件 webstorm配置新建vue文件完成。
配置完成后我們可以新建一個文件夾,名字叫src.在里面建一個vue文件,

[import Vue form 'vue'](https://www.jianshu.com/p/c0be35475e54)
[vue中render:(h) =>h(App)的含義](https://segmentfault.com/q/1010000007130348)
- 空白目錄
- Javascript
- angularjs
- 自定義指令
- scope
- 自定義指令的封裝
- 自定義指令限制只能輸入數字
- 輪播圖
- 寫angular的順序
- $state
- video
- Es6
- Let
- 箭頭函數
- export
- promise
- 函數
- vue
- vue安裝,以及項目結構
- vue的使用
- easy-vue
- vue起步
- vue基礎
- vue-router
- vue-各文件的依賴關系
- vuex
- vue使用sass語法
- mpvue使用wx.parse
- vue-cli 構建vue項目
- vant的使用
- vue使用插件及常見問題
- 原生Js
- 數組
- ajax
- 執行上下文
- 正則表達式
- jqurey
- jqurey-mobile
- html5
- 工具
- svn使用總結
- webpack
- webpack的構建
- WebStorm
- 切圖相關
- 蘋果手機注意事項
- other
- 前端的價值
- 面試相關
- css
- 小程序如何引用外部字體
- 流的理解
- 替換元素
- content和偽元素
- padding和background 繪制圖形
- css圓角,陰影,漸變
- line-height verticle-align
- 使用background繪制4個直角
- android的字體偏上的問題
- 小程序
- 小程序常見問題
- 小程序常用效果
- mpvue
- nodejs
- 前端工程化學習筆記
- mork.js學習