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-loadernpm 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 - help1.首先全局安装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 {}
}

转载于:https://www.cnblogs.com/sxz2008/p/6781614.html

vue2.0 项目搭建和vue 2.0 electron 项目搭建相关推荐

Element 2.6.0 发布，基于 Vue 2.0 的桌面端组件库
开发四年只会写业务代码,分布式高并发都不会还做程序员? Element 2.6.0 发布了,Element 是一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,提供了配套设 ...
如何部署前端react项目到服务器,Vue、React前端项目打包部署
前端单页面应用部署前端打包上线部署方案之 hash路由模式对于hash路由模式打包的单页面应用,直接发布到服务器,使用nginx指向到对应文件目录即可,通用配置一般如下: location / { ...
vue 3.0 脚手架项目搭建(含javascpt和typescript两种)
目录前言一.重新安装vue/cli 二.创建项目 1.创建空白项目 2.选择vue版本 3.启动项目三.总结前言提示:vue已经进入了3.0的时代,具体的优点大家可以自行百度搜索,相关UI框 ...
快速简洁的Vue+Electron项目搭建教程
Vue+Electron项目搭建教程最近写一个项目,需要使用Electron集成Vue,特此记录搭建过程 Vue+Electron 常用搭建方式在之前,通常我们会使用electron-vue脚手架 ...
Vue 3.0 全家桶
vue: Beta vue-router: Alpha vuex: Alpha vue-class-component: Alpha vue-cli: Experimental support via ...
vue 3.0学习1
vue 3.0学习一.vue 3.0 diff算法优化 1.vue 3.0六大亮点 2.vue 3.0 如何变快的? 1. diff方法优化 https://vue-next-template-ex ...
Vue 3.0 公开后的撕逼大战……
阅读本文需要 2.7分钟前言在2019年10月5日,尤大大终于公开了 Vue 3.0 的源代码. vue 3.0 源代码仓库 https://github.com/vuejs/vue-next 想 ...
醉了，Vue 3.0 公开代码之后……
点击上方关注"IT平头哥联盟",选择"置顶或者星标" 前言在2019年10月5日,尤小右公开了 Vue 3.0 的源代码. vue 3.0 源代码仓库 htt ...
Vue 3.0 公开代码之后 ...
前言在2019年10月5日,尤小右公开了 Vue 3.0 的源代码. vue 3.0 源代码仓库 https://github.com/vuejs/vue-next 想了解 vue 3.0 源码的同 ...

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

vue2.0 项目搭建和vue 2.0 electron 项目搭建相关推荐

最新文章

热门文章

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

vue2.0 项目搭建 和vue 2.0 electron 项目搭建相关推荐

最新文章

热门文章

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

vue2.0 项目搭建和vue 2.0 electron 项目搭建相关推荐