1.關於electron vue 項目的搭建
全局或者局部安裝項目vue;
腳手架指令生成; npm install -g vue-cli vue init simulatedgreg/electron-vue my-project cd my-project npm install npm run dev
項目搭建成功;要單獨安裝 例如;text.node文件,webpack就不能編譯;因此須要安裝一個插件;node-loader
npm install node-loader -save-dev
vue init simulatedgreg/electron-vue my-project GitHub的地址:
https://simulatedgreg.gitbooks.io/electron-vue/content/en/
二、如何打包
在package.json文件下,看清楚
"build": "node tasks/release.js", "build:clean": "cross-env PLATFORM_TARGET=clean node tasks/release.js", "build:darwin": "cross-env PLATFORM_TARGET=darwin node tasks/release.js", "build:linux": "cross-env PLATFORM_TARGET=linux node tasks/release.js", "build:mas": "cross-env PLATFORM_TARGET=mas node tasks/release.js", "build:win32": "cross-env PLATFORM_TARGET=win32 node tasks/release.js",
Windows系統;使用 npm run build :win32 命令就能夠打包了;打包的文件在builds 文件夾目錄下面;vue
2.vue pc項目的官方推薦的; cmd 的指令; vue -help ls 項目列表 cd f:進入f盤; cd ../ 返回上一級的目錄 注意最好使用: git bash下打開命令行; (前提提早安裝git,這樣在window下更清晰,其餘系統勿擾); vue - V (注意此處是大寫)查看vue的版本 vue -list 查看 官方提供的模板; vue - help
1.首先全局安裝vue-cli npm install vue-vli -g 2、cd 進入目標盤 cd f; 3. vue init webpack vuedemo3 vuedemo3 是項目名稱;初始化項目 注意 use esLint 最好 no;(由於嚴格模式,開發時候,容易出錯,我的觀點) 4.而後 ctrl + c 安裝各類依賴 (注意進入package.json的目錄下安裝依賴,不然容易失敗) 5.輸入npm install 切記(安裝完就可)出現node modules文件夾了,表示安裝成功了; 6、npm run dev 是運行這個項目 能夠熱更新隨時出現veiw中; 7、npm run build 出現一個dist的文件 8、dist文件下的。js 或者.map 是測試用的; 9、項目是在src目錄下、main.js 是入口; 10、config是配置文件;是開發環境仍是其餘的環境; 十一、export default { name: 'app' } es6的用法 12、es6的語法data是組件,一個類的概念;防止互相引用的錯誤 data : funtion (){ return {} }