• 关于

    Vue.js安装

    的搜索结果

问题

vue引入jq和bootstrap报错 ?报错

爱吃鱼的程序员 2020-06-23 00:19:24 0 浏览量 回答数 1

回答

1. 前言 vue-cli 一个简单的构建Vue.js项目的命令行界面 整体过程: $ npm install -g vue-cli   $ vue init webpack vue-admin   $ cd vue-admin   $ npm install   $ npm run dev 后面分步说明。 2. 安装 前提条件,Node.js >=4.x版本,建议使用6.x版本。npm版本 > 3.x 全局安装vue-cli $ npm install -g vue-cli 3. 使用 $ vue init <template-name> <project-name> vue官方提供了多个打包工具版本的模版。我们可以使用vue list命令查看,当前可以使用的模版。 $ vue list 我们在这里,使用webpack模版。 功能齐全的webpack & vue-loader 提供热加载、代码检查、单元测试和css分离 $ vue init webpack vue-element-admin 之后,在E:\project文件夹下面,会有刚初始化的构建的项目vue-element-admin 4. 运行结果 项目基础结构已经搭建好了,现在来启动它。 进入项目文件: $ cd vue-element-admin 安装依赖: 中国行情原因,直接安装,有时候会失败。我们一般使用npm的淘宝镜像cnpm。 先安装cnpm: $ npm install -g cnpm --registry=https://registry.npm.taobao.org 之后,使用: $ cnpm install 你直接安装也可以的: $ npm install 运行: $ npm run dev 启动之后,自动打开默认浏览器 之后,就可以进行本地开发,实时预览开发效果。 5. 打包部署 项目开发完成之后,可以使用npm run build进行打包工作 $ npm run build 打包完成之后,会生成dist文件夹,项目上线时候,只需要将dist文件夹放到服务器就行了。 6. 项目结构 “答案来源于网络,供您参考” 希望以上信息可以帮到您!

牧明 2019-12-02 02:16:00 0 浏览量 回答数 0

回答

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,整个ui风格简约,很实用,使用demo组件可以快速实现体验交互细节,快速开发 1.安装,推荐npm方式安装 npm i element-ui -S 2.引入 2.1全局引入,会把组件库里所有的组件和css引入 import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); 2.2局部引入(推荐) 由于业务的风格跟默认的颜色不一样,我采用了自定义主题,选择色号生成,在线生成工具(https://elementui.github.io/t...)可以很方便地实时预览主题色改变之后的视觉,同时它还可以基于新的主题色生成完整的样式文件包,供直接下载使用,在vue的入口js里直接引入主题样式element-variables.css import '@/style/theme/element-variables.scss' import { Message, MessageBox, Loading } from 'element-ui' Vue.use(Loading.directive) Vue.prototype.$loading = Loading.service Vue.prototype.$msgbox = MessageBox Vue.prototype.$alert = MessageBox.alert Vue.prototype.$confirm = MessageBox.confirm Vue.prototype.$prompt = MessageBox.prompt Vue.prototype.$message = Message 3.组件使用 3.1像message。messagebox弹窗组件是直接挂载全局,因此在 Vue instance 中可以采用本页面中的方式调用 MessageBox。调用参数为: alert(message, title, options) 或 confirm(message, title, options) 或 prompt(message, title, options) 或 $prompt(message, options)

问问小秘 2020-04-27 16:46:39 0 浏览量 回答数 0

阿里云高校特惠,助力学生创业梦!0元体验,快速入门云计算!

学生动手场景应用,快速了解并掌握云服务器的各种新奇玩法!

回答

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,整个ui风格简约,很实用,使用demo组件可以快速实现体验交互细节,快速开发 1.安装,推荐npm方式安装 npm i element-ui -S 2.引入 2.1全局引入,会把组件库里所有的组件和css引入 import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); 2.2局部引入(推荐) 由于业务的风格跟默认的颜色不一样,我采用了自定义主题,选择色号生成,在线生成工具(https://elementui.github.io/t...)可以很方便地实时预览主题色改变之后的视觉,同时它还可以基于新的主题色生成完整的样式文件包,供直接下载使用,在vue的入口js里直接引入主题样式element-variables.css import '@/style/theme/element-variables.scss' import { Message, MessageBox, Loading } from 'element-ui' Vue.use(Loading.directive) Vue.prototype.$loading = Loading.service Vue.prototype.$msgbox = MessageBox Vue.prototype.$alert = MessageBox.alert Vue.prototype.$confirm = MessageBox.confirm Vue.prototype.$prompt = MessageBox.prompt Vue.prototype.$message = Message 3.组件使用 3.1像message。messagebox弹窗组件是直接挂载全局,因此在 Vue instance 中可以采用本页面中的方式调用 MessageBox。调用参数为: alert(message, title, options) 或 confirm(message, title, options) 或 prompt(message, title, options) 或 $prompt(message, options) 具体使用: msgbox 图片描述 3.2 官网提供的dialog组件支持内容区更丰富的写法,dialog弹出一个对话框,适合需要定制性更大的场景。 官网写法: 图片描述 这是最基础的使用,在这个基础上我做了个封装,将取消,确定函数挂在组件回调函数上,并且标题,宽度,显隐值都通过属性传递,可以让父组件引用较少的代码

问问小秘 2020-04-29 16:50:12 0 浏览量 回答数 0

回答

<p>Unexpected character '`' ??</p> 是不是不支持es6.... <p>是的,不支持es6中的模板字符串,我把代码改成es5中的拼接字符串之后还是不行,随后报出两处错误</p> 1.ERROR in static/js/vendor.b65ad78ec483e9113365.js from UglifyJs Unexpected token: punc (() [./node_modules/_directive-photoswipe@0.0.2@directive-photoswipe/src/index.js:53,0][static/js/vendor.b65ad78ec483e9113365.js:37167,10] 2. Failed to compile with 1 errors                                                                                                                                       11:01:29  error  in ./node_modules/_directive-photoswipe@0.0.2@directive-photoswipe/src/index.js Module parse failed: Unterminated string constant (47:4) You may need an appropriate loader to handle this file type. |         '</div>'+ |       '</div>'+ |     '</div>` | |     window.document.body.appendChild(el)  @ ./src/main.js 13:0-55  @ multi ./node_modules/_webpack-dev-server@2.11.2@webpack-dev-server/client?http://localhost:3000 webpack/hot/dev-server ./src/main.js   刚根据您的想法去安装了一下babel,结果还是报出同样的错误,您说的vue-cli我的代码中就是用vue-cli来搭的 装babel,或者傻瓜点用vue-cli

爱吃鱼的程序员 2020-06-06 16:23:37 0 浏览量 回答数 0

问题

怎么检查vue.js是否安装

云计算小粉 2019-12-01 19:48:45 1224 浏览量 回答数 1

问题

vue项目中已经安装了babel-polyfill但还是在IE10中报错?报错

爱吃鱼的程序员 2020-06-07 22:37:51 0 浏览量 回答数 1

问题

怎么把vue打包出来的文件上线?

问问小秘 2020-01-09 17:49:50 52 浏览量 回答数 2

问题

centOS7.4 怎么部署项目 用nginx静态服务器部署项目

scott8013 2019-12-01 19:10:54 92 浏览量 回答数 2

问题

【javascript学习全家桶】934道javascript热门问题,阿里百位技术专家答疑解惑

管理贝贝 2019-12-01 20:07:22 6202 浏览量 回答数 1

问题

在vue中使用directive-photoswipe插件时,打包时出现报错?报错

爱吃鱼的程序员 2020-06-06 16:23:23 0 浏览量 回答数 1

回答

解析.vue文件的一个加载器。(深入理解见https://www.jb51.net/article/115480.htm) 用途:js可以写es6、style样式可以scss或less、template可以加jade等 根据官网的定义,vue-loader 是 webpack 的一个 loader,用于处理 .vue 文件。 其次,使用vue-cli脚手架,作者已经配置好了基本的配置,开箱及用,你需要做的就是npm install 安装下依赖,然后就可以开发业务代码了。当然,如果你想进阶,最好熟悉下vue-loader的具体配置,而不要依赖脚手架

问问小秘 2020-02-17 17:34:18 0 浏览量 回答数 0

问题

安装js-sdk成功, require('ali-oss') 报错。

song007 2019-12-01 20:14:55 3619 浏览量 回答数 1

回答

1.安装webpack npm install -g webpack 1 2.安装vue-cli vue-cli是什么? vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的。 使用步骤: 安装vue-cli: npm install -g vue-cli 1 使用vue-cli构建项目 vue init webpack project-name //创建一个基于webpack模板的名为project-name的项目 1 目前可用的模板包括: browserify –全功能的Browserify + vueify,包括热加载,静态检测,单元测试。 browserify-simple–一个简易的Browserify + vueify,以便于快速开始。 webpack–全功能的Webpack + vueify,包括热加载,静态检测,单元测试。 webpack-simple–一个简易的Webpack + vueify,以便于快速开始。 安装项目依赖 cd project-name //进入项目目录 npm install //安装项目依赖 npm run dev //运行项目 1 2 3 此时在浏览器打开:localhost:8080即可看到欢迎页。 关于webpack和vue-cli的更多使用方法参见官方文档。 但是这个只能在本地跑,要如何在我们自己的服务器上访问呢?此时需要执行 npm run build 1 搭建开发环境 本来想用vue-cli重新创建项目,试了几次总是出现各种问题,没办法成功。最后在仔细查看 Element-UI 的官方文档的 快速上手 部分的时候发现 饿了么 团队给了一个他们自己的 项目模板 。于是我就用这个模板来尝试了下,结果成功了。所以,如果你不想太折腾的话,建议还是使用官方给的项目模板,可以省很多事。 第一步:安装项目模板 克隆/下载项目模板 将下载的模板放到你项目的根目录下 安装依赖 npm install 1 运行项目模板 npm run dev 1 此时在浏览器打开:localhost:8080即可看到欢迎页。 技术分享 项目模板里已经把需要配置的文件都配置好了。 第二步:安装element-ui 第一步,我们成功安装了项目模板,接下来,我们需要安装element-ui到项目下。 npm i element-ui@next -D 1 开始使用 接下来我们就可以参照 Element-UI 的官方文档上手开发了。 例子 我们参照官方的按钮组件使用说明,在项目模板的基础上做一个按钮的例子。其它文件不需要改动,只修改App.vue文件的内容。代码如下: App.vue {{ msg }} <el-button @click.native="startHacking">Let‘s do it 显示默认颜色 成功按钮 警告按钮 危险按钮 信息按钮 hover 显示颜色 成功按钮 警告按钮 危险按钮 信息按钮 效果如下图所示: 技术分享 使用过程中碰到的问题: 1. phantomjs安装失败 由于源的问题,安装phantomjs必须要“搭梯子”,使用内网无法下载。所以解决的方法有两种: 方法一:通过科学上网,然后安装。 方法二:对于不知道怎么“搭梯子”的同学,可以通过更改源来下载,操作方法如下: npm install phantomjs --phantomjs_cdnurl=http://cnpmjs.org/downloads 1 2.打开页面乱码 通过 Element-UI 官方提供的项目模板开发,会发现在浏览器打开页面的时候,中文是乱码的。如下图所示: 技术分享 但html页面中已经设置了 。 仔细查看该页面所涉及的文件的编码格式的时候,发现引用的App.vue 文件的编码格式是GBK ,所以把该文件编码格式改为UTF-8 即可。

景凌凯 2020-04-30 13:05:40 0 浏览量 回答数 0

回答

我之前标注的这条语句因为前面已经定义了这句 ,得这样引用vm.name=vm.transforName(res[0].name)才是正确的,希望能对后面有此帮助的人有用 最后报错截图截错了Vue是this ajax里的success试着写成: success:res=>{ }虽然没试过但还是解决,楼下有答案 你的common.js要引入Vue; importVuefrom‘vue’不是这的问题,已经安装了VUE需要再导入的。不过问题已经解决了楼下有答案 跟vue有什么关系,你在callback函数中this指向什么自己不清楚么

爱吃鱼的程序员 2020-06-08 09:49:16 0 浏览量 回答数 0

回答

首先保证系统有node.js, 可以支持npm安装,然后按照下面的简单步骤进行: npm install iview --save 这样在你的package.json可以看到:"dependencies": {"axios": "^0.16.2","iview": "^2.0.0-rc.13", 在你的main.js这种文件里面(也就是你的工程里面new Vue的那个文件),加入下面代码:import iView from 'iview';Vue.use(iView); 然后在自己新加的component 里面,你就可以直接使用iview的控件了,例如<Table>,很方便也很美观。 最后推荐你研究下iview-admin这个,如果是做一个简单的网站,比如cms管理,你可以直接下载他们的工程,参考他们的代码,甚至直接这个工程进行修改。 答案来源于网络

养狐狸的猫 2019-12-02 03:01:59 0 浏览量 回答数 0

回答

单例模式很常用,比如全局缓存、全局状态管理等等这些只需要一个对象,就可以使用单例模式。 单例模式的核心就是保证全局只有一个对象可以访问。因为 JS 是门无类的语言,所以别的语言实现单例的方式并不能套入 JS 中,我们只需要用一个变量确保实例只创建一次就行,以下是如何实现单例模式的例子 class Singleton { constructor() {} } Singleton.getInstance = (function() { let instance return function() { if (!instance) { instance = new Singleton() } return instance } })() let s1 = Singleton.getInstance() let s2 = Singleton.getInstance() console.log(s1 === s2) // true 在 Vuex 源码中,你也可以看到单例模式的使用,虽然它的实现方式不大一样,通过一个外部变量来控制只安装一次 Vuex let Vue // bind on install export function install (_Vue) { if (Vue && _Vue === Vue) { // 如果发现 Vue 有值,就不重新创建实例了 return } Vue = _Vue applyMixin(Vue) }

前端问答 2019-12-30 12:42:21 0 浏览量 回答数 0

回答

npm 安装 然后再main.js 引入 最后 vue.use(插件名) 问题来源于GitHub,查看更多答案,请查看https://github.com/haizlin/fe-interview/issues/261

游客7iokfgo4yexey 2020-05-24 12:13:06 0 浏览量 回答数 0

问题

想去面试PHP程序员,工作之余自学了一些计算机技能,现在面试都是要一些项目经验 大家给我些经验教训?

脑操作系统 2019-12-01 20:26:00 1263 浏览量 回答数 3

问题

程序员报错QA大分享(1)

问问小秘 2020-06-18 15:46:14 8 浏览量 回答数 1

回答

安装scss依赖包: npm install sass-loader --save-dev npm install node-sass --save-dev 在build文件夹下修改 webpack.base.conf.js 文件: 在 module 下的 rules 里添加配置,如下: { test: /.scss$/, loaders: ['style', 'css', 'sass'] } 应用: 在vue文件中应用scss时,需要在style样式标签上添加lang="scss",即

游客7iokfgo4yexey 2020-05-24 22:32:26 0 浏览量 回答数 0

问题

Vue中使用Vant优惠券组件,按需导入发现报错,说组件没有注册? ?报错

爱吃鱼的程序员 2020-06-23 01:29:04 0 浏览量 回答数 1

问题

vue ie打开显示空白页报错:文件: index.js,行: 23994,列:?报错

爱吃鱼的程序员 2020-06-24 13:57:07 0 浏览量 回答数 1

问题

Springboot vue.js html 跨域 前后分离 Activiti6 工作流

游客ydre72cd7ywew 2019-12-01 19:51:52 38 浏览量 回答数 0

问题

Springboot vue.js html 跨域 前后分离 shiro权限 websocket即时

游客ydre72cd7ywew 2019-12-01 20:00:40 16 浏览量 回答数 0

问题

Springboot vue.js 前后分离 跨域 集成代码生成器 shiro权限

游客egqjd4t7mlyom 2019-12-01 21:49:37 40 浏览量 回答数 1

问题

Springboot vue.js html 跨域 前后分离 shiro权限 集成代码生成器

游客ydre72cd7ywew 2019-12-01 19:59:00 11 浏览量 回答数 0

问题

Springboot vue.js html 跨域 前后分离 Activiti6 工作流 集成代码生

游客egqjd4t7mlyom 2019-12-01 19:58:33 35 浏览量 回答数 0

问题

Springboot vue.js html 跨域 前后分离 Activiti6 工作流 集成代码生

游客ydre72cd7ywew 2019-12-01 19:58:00 23 浏览量 回答数 0

问题

Springboot vue 前后分离 跨域 Activiti6 工作流 集成代码生成器 shiro

游客egqjd4t7mlyom 2019-12-01 19:53:56 49 浏览量 回答数 0
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 企业信息查询 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 2020阿里巴巴研发效能峰会 企业建站模板 云效成长地图 高端建站