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 {} }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架