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/
二、如何打包
在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 {} }
相关文章
相关标签/搜索