vue2.0 项目搭建和vue 2.0 electron 项目搭建

最新推荐文章于 2024-07-19 17:48:20 发布

weixin_34342905

最新推荐文章于 2024-07-19 17:48:20 发布

阅读量130

点赞数

文章标签： javascript git webpack ViewUI

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 {}
}