一.环境搭建: 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…

vue cli做项目的时候难免会碰到,css引用背景图或者css,js之间的相互引用!!!这时候打包后可能会出现一个错误!!如下图: 写法: 错误: 会无端多出一个“/css/static/” 这样就会使路径错误: 解决办法: 办法一: 把不需要编译的东西,直接放在static文件下,css引用的时候直接写相对路径: 具体原因看:https://segmentfault.com/q/1010000009842688(大致是static文件夹下的东西不会经过编译) 办法二:进行wepack配置:…

构建项目流程: 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…

一. 安装node.js环境. 在node.js官网下载稳定版本(https://nodejs.org/en/) 下载完成后点击安装,安装过程很简单,一直next即可,安装完成会自动添加node及npm环境变量. 检验是否安装成功,在cmd输入命令 node -v,回车 及 npm -v,回车,如出现下图所示版本信息,表示安装成功 二.安装 Vue-cli 打开cmd命令行工具,输入npm install -g vue-cli,回车 全局安装vue-cli (注:npm会有点慢,建议更改为国内淘…

最近在使用新版vue的命令行工具创建项目时,安装chromedriver老是失败,导致后面的步骤也没有进行.网上搜索了一下,全是使用 工作中常见问题汇总及解决方案 npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver 安装的,由于@vue/cli安装chromedriver失败,文件目录结构都不完整,所以必须一步成功,不能后面再装chromedriver.看了一下chr…

使用命令创建VUE项目 运行以下命令[vue create [项目名]]来创建一个新项目: vue create hello-world 警告 如果你在 Windows 上通过 minTTY 使用 Git Bash,交互提示符并不工作.你必须通过 winpty vue.cmd create hello-world 启动这个命令.不过,如果你仍想使用 vue create hello-world,则可以通过在 ~/.bashrc 文件中添加以下行来为命令添加别名. alias vue='winpt…

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

第一步:首先在控制台输入vue --version,如果出现版本号则进入第三步:否则进入第二步: 第二步:输入npm install cnpm -g --registry=https://registry.npm.taobao.org,安装淘 宝镜像,以后安装其他依赖时候就可以输入cnpm install --- 了,因为npm安装会非 常慢,一般来说会失败: 第三步:控制台输入vue init webpack my-project  注:这里的my-project就是你要创建的 项目的名称,自…

如下:package.json // package.json { "name": "ecommerce-mall-front", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "…

1. webpack-dev-server下的设置(npm run dev) ./build/webpack.dev.conf.js 中,修改 new HtmlWebpackPlugin ,一个页面一个实例. new HtmlWebpackPlugin({ // 打包后文件名 filename: 'index.html', // html模板 template: './src/views/index.html', // 打包后文件引入位置,['body'|'head'],这里的true等同于bo…