vue2.0 项目搭建 和vue 2.0 electron 项目搭建
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系统;使用 npm run build :win32 命令就可以打包了;打包的文件在builds 文件夹目录下面;
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是配置文件;是开发环境还是其他的环境; 11、export default { name: 'app' } es6的用法 12、es6的语法data是组件,一个类的概念;防止互相引用的错误 data : funtion (){ return {} }