1. cnpm init
- 創建一個package.json文件
- 直接的說:就是管理你本地安裝的npm包 一個package.json文件可以做如下事情:
- 展示項目所依賴的npm包
- 允許你指定一個包的版本[范圍]
- 讓你建立起穩定,意味著你可以更好的與其他開發者共享
2. 安裝webapck vue vue-loader
- 安裝完成后會出現warning,表示需要一些其他的安裝依賴,跟者指示安裝就行
3. 創建src文件 里面有個index.js 作為webpack 輸入文件,webpack會將輸入文件打包,最后再dist文件夾里輸出bundle.js文件
4. 安裝webpack -cli
### cross-env的作用
我們在使用package.json的時候,我們配置開發環境和線上環境用的都是一個配置文件:

此時我們需要在package.json里傳入一個環境變量,讓webpack.config根據這個變量,執行不同的操作,但是window 和apple 傳入環境變量的方式不同:
在apple系統中我們只需這么寫:
;
而在windows系統中,我們需要這么寫:

安裝了cross-env之后,我們就可以在不同平臺是用一樣的寫法,如下:
- 空白目錄
- 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學習