vue init是vue-cli2.x的初始化方式,可以使用github上面的一些模板来初始化项目,webpack是官方推荐的标准模板名. 示例:vue init webpack myproject cli2的项目详解:https://www.cnblogs.com/yanxulan/p/8978732.html vue create是vue-cli3.x的初始化方式,目前模板是固定的,模板选项可自由配置,创建出来的是vue-cli3的项目,与cue-cli2项目结构不同,配置方法不同,具体配置

一.环境搭建: 1.安装node.js 从node.js官网下载并安装node,安装过程很简单,一路"下一步"就可以了.安装完成之后,打开命令行工具(win+r,然后输入cmd),输入 node -v,如下图,如果出现相应的版本号,则说明安装成功 因为在官网下载安装node.js后,就已经自带npm(包管理工具)了,另需要注意的是npm的版本最好是3.x.x以上,以免对后续产生影响. 2.安装淘宝镜像 npm install -g cnpm --registry= https://re

构建项目流程: 1.全局查询:node -v 2.全局初始化:npm install --global vue-cli 3.模块化工程:vue init webpack myapp--->y,n,n,n     /    vue init webpack-simple vuedemo02-->y   : 4.进入项目文件:cd my-project 5.安装依赖模块:npm install 或者cnpm install 或者 yarn install 安装淘宝镜像cnpm: 在cmd中输入np

概述 -- 项目中会用到的插件 vue-router vue-resource 打包工具 webpack 依赖环境 node.js start 安装vue开发的模板 # 全局安装 vue-cli $ npm install -g vue-cli //my-project只是文件夹名称,任意取 $ vue init webpack my-project $ cd my-project $ npm install $ npm run dev 文件解释: build中配置了webpack的基本配置.开

1.概述 electron:使用javascript.css.html构建跨平台的桌面应用程序 vue:数据驱动视图中的一款渐进式的javascript框架 element:基于vue的桌面端UI组件库 开发平台OS:windows 开发平台IDE:vs code 构建项目模板由创建项目.改造项目.自定义标题栏.打包项目等几个篇章组成,最终产出物是将electron.vue.element三者结合起来,构建出来的一款现代化的桌面应用程序模板.在构建项目之前需具备nodejs.vue-cli环境基

新建项目文件夹 在当前文件夹打开命令行工具(shift+右键-->在次此处打开命令窗口) npm install -g vue-cli npm init webpack npm install npm run dev 建成后的项目结构如下; . ├── build/ # webpack配置文件 │ └── ... ├── config/ │ ├── index.js # 主要项目配置 │ └── ... ├── src/ │ ├── main.js # 应用入口文件 │ ├── App.vue

1.概述 开发平台OS:windows 开发平台IDE:vs code 上一篇中已完成了electron-vue项目的创建,本篇章中则介绍在此项目基础上进行取消devtools的安装.项目结构的改造.环境变量的配置以及elementui的集成等. 2.取消devtools的安装 上一篇中在启动electron-vue项目时,会等待一段时间后才正常启动应用,此时查看控制台日志能看出来是它请求安装devtools失败后的5次尝试,现在我们取消deltools的安装以换来启动的第一次提速. 打开src

1.概述 开发平台OS:windows 开发平台IDE:vs code 本项目使用了一款Vue-CLI插件(vue-cli-plugin-electron-builder) 来构建 electron 桌面应用程序,其是对 electron-builder 进行了封装. electron-builder:用来打包构建windows.macOS.linux平台的electron桌面应用程序,提供了开箱即用的 自动更新 支持:两种打包方式:命令行界面(CLI)和程序化API:支持多平台的构建,但也不要

1.概述 开发平台OS:windows 开发平台IDE:vs code 本篇章将介绍自定义标题栏和右键菜单项,基于electron现有版本安全性的建议,此次的改造中主进程和渲染进程彼此语境隔离,通过预加载(preload.js)和进程间通信(ipc)的方式来完成. 2.窗口最大化 一些应用在实际情况中,希望启动的时候就以窗口最大化的方式呈现,BrowserWindow对象提供了窗口最大化的方法:win.maximize(),具体如下所示: const win = new BrowserWindo

报错信息: 10% building modules 1/1 modules 0 activeevents.js:182       throw er; // Unhandled 'error' event 原因:host文件被修改,127.0.0.1未指向 localhost,重新修改host 即可. 127.0.0.1 localhost

用Vue比较长一段时间了,大大小小做了一些项目,最近想总结一下知识点,出一个Vue+webpack系列,先从项目构建说起--vue-cli. 由于是Vue+webpack这里就不赘述git那些东西,默认环境都配置好了. 第一步先建立一个文件夹我这里是apronew; 第二步在文件夹里面打开git bash,然后敲命令行npm install --global vue-cli,全局安装 vue-cli,如果已经全局安装可不用再装一次: 第三步: 第二步成功之后,创建一个基于 webpack 模板的

首先需要明确的是:Vue.js 不支持 IE8 及其以下 IE 版本,一般用与移动端,基础:开启最高权限的DOS命令(否则会出现意外的错误提示)   注意:个人小推荐如果我们不知道如何才能开启最高权限的DOS命令,个人安利一个软件DISM++,功能主要清楚系统垃圾什么的,在小工具里会有个春哥附体  这样在弹出框里打cmd,唤出的命令提示符就是最高权限了,话不多说进入正题 1.安装node.js,检测版本node -v,还要检测包管理工具npm -v 这里需要说明下,因为在官网下载安装node.j

第一步: brew install nodejs(MAC机子下)  Windows直接官网下载对应版本node.js 第二步: 获取nodejs模块安装目录访问权限(Windows系统忽略)sudo chmod -R 777 /usr/local/lib/node_modules/ 第三步: npm install -g cnpm --registry= https://registry.npm.taobao.org(安装淘宝镜像/或者使用自己公司代理) 第四步: 安装webpackcnpm i

首先: 要先安装node 及 npm Node.js官方安装包及源码下载地址:http://nodejs.org/ 双击安装,在安装界面一直Next 直到Finish完成安装. 打开控制命令行程序(CMD),检查是否正常 使用淘宝NPM镜像 大家都知道国内直接使用npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像. $  npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org 这样就可以使用cnpm 命令来安

用vue-cli脚手架快速构建项目的过程:1.首先要在node的环境下安装: 1>安装node:https://nodejs.org/en/(带npm,但是npm太慢了,建议安装cnpm,cnpm和npm的用法是一样的) 查看node安装是否成功:node -v,会出现相应的版本号 2>安装cnpm: 需要详细了解cnpm的朋友请前往官网https://npm.taobao.org/ 查看 在cmd中输入npm install -g cnpm –registry=https://registr

Vue.js 安装cnpm npm install -g 镜像 cnpm --registry=https://registry.npm.taobao.org 安装 vue.js cnpm install -g vue-cli cnpm cache clean —force cnpm install webpack -g //打开要创建的项目路径目录,创建项目 vue init webpack-simple <项目名> cd <项目名> //安装路由 cnpm install vu

vue新建demo项目报错如下: M:\lhhVueTest>vue init webpack L21_VueProject vue-cli · Failed to download repo vuejs-templates/webpack: tunneling socket could not be established, cause=getaddrinfo ENOTFOUND 8080 8080:80 M:\lhhVueTest> 创建项目时,运行vue init webpack 项目名

1.git clone 项目地址 2.如果没装vue-cli,就先装下vue-cli  (如果报错可能是没按管理员身份安装) 3.vue init webpack 项目名 4.安装项目依赖 npm install 5.装 好后测试下没问题先提交下git,点git里的add添加,( 注意要一点一点添加否则会报错,node-module不用添加进去 ) 6.加到git上后然后提交下代码 7.如果发现文件是只读文件不让改,可以在git上重新clone下就是从新拉下代码就可以了 (如果报校验的错误可以将

一.安装node.js环境 二.node.js安装完成后使用npm安装vue脚手架vue-cli和安装webpack,我这里用cnpm cnpm i @vue/cli -g //全局安装脚手架3.0 npm install webpack -g //全局安装脚手架2.0 初始化项目的两种方式 vue create 项目名字 //创建3.0项目 vue init webpack 项目名字 //创建2.0项目 // 回车后有以下内容需要填写 Project name (vue-web) // 项目名

vue init webpack-simple  .. 将我们的项目更加方便,更有助于开发者快速开发. vue init webpack-simple的项目默认打包后之后一个html和一个js文件,而vue init webpack项目默认打包完之后,会有很标准的目录. vue init webpack-simple这样的方式适合小项目,vue init webpack这样的方式适合中大型项目,两种方式初始化Vue-Cli的项目的目录差别比较大, 你可以发现使用vue init webpack这

Vue.之.创建项目 第一次使用vue的时候,在已完成node的情况下,还需要在进行安装vue. 指令:cnpm install vue-cli -g      //全局安装 vue-cli 检查vue的安装情况,使用指令: vue list 上面的工作准备好之后,开始创建vue项目. 选定路径,新建vue项目,下面我一项目名为ntrc-app新建vue项目. 格式: vue init webpack  ”项目名称“ 创建指令: vue init webpack  ntrc-app 安装&启动项