npm install -save moduleName:--save 代表将模块安装到项目目录下,并在package文件的dependencies节点写入依赖,-s 为该命令的缩写 npm install -save-dev moduleName:-save-dev 代表将该模块安装到项目目录下,并在package文件的devDependencies节点写入依赖,-d 为该命令缩写 4.创建 views文件夹并创建 Login.vue和Ma...
1.进入到创建的vue项目下,如下图: 2.运行vue项目 3.效果如下图所示: 五、安装Element-ui 1.跟vue搭配使用的最多的UI框架是ElementUI。 2.在node-modules(或package.json)中可以看到ElementUI已经安装好了。 3.使用ElementUI。
创建ElementUI工程 ① 使用 git 命令git clone https://github.com/ElementUI/element-starter.git下载官方提供的模板, ② 使用cnpm intsall下载依赖的模块(没有淘宝镜像 cnpm 可以使用npm install) ③ 使用npm run dev运行项目 可以看到里面已经集成了bable、webpack等插件。不需要我们自己去配置。我们导入这个工程之...
安装Element UI 组件库 使用vscode 打开文件夹 ccweb,新建终端 在终端输入下方命令后回车 vue add element 1. 选择Fully import 回车(默认已选中,直接回车) 输入n 回车 选择zh-CN 回车(默认已选中,直接回车) 修改默认文件 经过以上各安装步骤,已完成了项目的基础搭建,但有很多以后...
安装element-ui 我用的是vscode,打开terminal输入以下命令: cnpm install element-ui –s 在项目中引入element-ui 打开main.js文件,修改为以下代码(全部代替即可): import Vue from 'vue' //引入element-ui import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' ...
vue-cli项目创建成功 根据提示命令我们进入项目并运行项目,访问即可看到项目页面。 至此,项目创建成功了。接下来我们将集成element-ui进入我们的项目。 三、集成Element-ui element-ui国内官网地址:https://element.eleme.cn/#/zh-CN 我们集成Element-ui只需要通过以下命令即可: ...
# 创建一个基于 webpack 模板的新项目my-project $ vueinitwebpack my-project # 进入项目目录 $ cd my-project # 安装依赖,走你 $ npm installXX# 运行项目 $ npm run dev # 打包项目 $ npm run build # 到此,vue的脚手架项目创建完成 # 再引入element ui相关东西(i:install,-D:--save-dev): ...
创建完成后,再次进入首⻚就可以看到我们创建的项目了,如下: image-20211019093518309.png 安装ElementUI 插件 本次我们要安装的插件是vue-cli-plugin-element,此插件为我们后续使用 Element UI 提供支持。 选择首⻚的插件选项,在打开的⻚面中右上⻆点击+添加插件 ,如下: ...
创建项目 项目创建完成 启动程序并运行 安装Element UI npm i element-ui -S 1. 这里就可以看到已经安装完成。 体验Element UI main.js 如下 import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' ...
element-ui是一个ui库,它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。 Layout布局(el-row、el-col) element-ui借用了bootstrap框架的思想,使用了栅格布局。它把单一的分栏分为24列。基本的使用方式如下 span属性:表示col所要占领的栅格占比个数。