从认识到完成iview项目

一之月朔日1101

于 2020-05-13 15:32:48 发布

阅读量303

点赞数

分类专栏： iview 文章标签： vue

本文链接：https://blog.youkuaiyun.com/csdn_zym1101/article/details/106099013

版权

这篇博客详细介绍了如何从零开始使用iview框架创建一个Vue项目。首先通过Vue CLI初始化项目，接着在VS Code中配置并安装依赖，特别强调了引入iview并在main.js中设置。此外，还分享了如何使其他局域网朋友访问项目，并提供了项目打包及使用express部署的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用iview做一个漂亮的表单

一.vue
用cmd创建一个vue项目(前提安装了node环境)：
1.node -v --测试是否安装了node
2.npm install -g vue-cli --在自己选择的盘里面安装脚手架
3.vue init webpack project --创建vue项目

二.VS Code
在VS Code里打开project，选择在终端打开
1.npm install （安装依赖）
2.npm install iview@3 --save （下载iview框架)
3.npm run dev （运行）

三.iview
1.
main.js里面引用
import iView from ‘iview’
import ‘iview/dist/styles/iview.css’
Vue.use(iView)
2.view代码

<template>
<div class="container">
  <i-form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="80">
       <Form-item>
       <h2>个人信息</h2>
    </Form-item>
    <Form-item label="姓名">
      <i-input  placeholder="请输入姓名"></i-input>
    </Form-item>
    <Form-it

最低0.47元/天解锁文章