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/
2、如何打包
在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系統(tǒng)；使用 npm run build :win32 命令就可以打包了；打包的文件在builds 文件夾目錄下面；

2.vue pc項目的官方推薦的； cmd 的指令； vue -help ls 項目列表 cd f：進入f盤； cd ../ 返回上一級的目錄 注意最好使用： git bash下打開命令行； （前提提前安裝git，這樣在window下更清晰，其他系統(tǒng)勿擾）； 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；（因為嚴格模式，開發(fā)時候，容易出錯，個人觀點） 4.然后 ctrl + c 安裝各種依賴 （注意進入package.json的目錄下安裝依賴，否則容易失敗） 5.輸入npm install 切記（安裝完就可）出現(xiàn)node modules文件夾了，表示安裝成功了； 6、npm run dev 是運行這個項目 可以熱更新隨時出現(xiàn)veiw中； 7、npm run build 出現(xiàn)一個dist的文件 8、dist文件下的。js 或者.map 是測試用的； 9、項目是在src目錄下、main.js 是入口； 10、config是配置文件；是開發(fā)環(huán)境還是其他的環(huán)境； 11、export default {name: 'app' } es6的用法 12、es6的語法data是組件，一個類的概念；防止互相引用的錯誤 data ： funtion （）{ return {} }

?

轉載于:https://www.cnblogs.com/sxz2008/p/6781614.html

總結

以上是生活随笔為你收集整理的vue2.0 项目搭建 和vue 2.0 electron 项目搭建的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。