webpack+vue+iview使用vue-cli脚手架搭建
2024-08-25 14:26:37
1.安装nodejs环境
下载node.js。安装成功后再控制台输入 node -v 出现版本号则,安装成功。
如果没有出现 版本号 而是出现node 不是内部命令的话 需要配置一下环境变量,如果已经出现版本号,此步骤可以忽略。将安装node的路径剪切,右键我的电脑-->属性-->高级系统环境设置-->环境变量-->找到path环境变量。加上复制的node的安装路径。
2.可以在控制台在输入一下命令,查看是否已经成功的安装了npm npm -v 如果出现版本号说明已经安装成功,
3.下面我们就可以进行,vue 的脚手架的安装了 也就是vue-cli,在控制台输入 npm install -g vue-cli (注意:尽量使用全局安装),等待完成安装即可。
4.我们使用webpake模板生成一个项目 vue init webpack 文件名称,出现如下时显示安装成功
5.安装包依赖 npm install
6.当安装完成后 我们执行,npm run dev 进行运行。如果控制台有出现下面情况说明项目已经启动起来了
浏览器输入localhost:8080时,出现如下的界面:
那么vue我们搭建好了,现在开始集成iview
7.使用脚手架安装iview npm install iview save
8.成功后添加iview-loader加载器 npm install iview-loader --save-dev
最新文章
- Kafka0.8.2.1删除topic逻辑
- 【总结】虚拟机VirtualBox各种使用技巧
- [资料分享]Python视频教程(基础篇、进阶篇、项目篇)
- 【leetcode】Populating Next Right Pointers in Each Node
- ASP.NET Web API模型验证以及异常处理方式
- 【xml 报错】xml编译错误
- [51NOD1405] 树的距离之和(树DP)
- DELL笔记本拆机添加内存条
- android 安全退出应用程序的几种方法
- C++中将string类型转换为int, float, double类型 主要通过以下几种方式:
- HTML5+Css3-webkit-filter
- IBM 中国研究院面试经历
- MFC实现登录对话框连接access数据库方式
- (简单) HDU 1698 Just a Hook , 线段树+区间更新。
- loadrunner解决浏览器死机问题
- Maven的下载和安装
- windows2008无人值守安装域控制器
- [Swift]LeetCode565. 数组嵌套 | Array Nesting
- Tomcat架构解析(五)-----Tomcat的类加载机制
- Rob Pike 编程五原则
热门文章
- 20162314 Experiment 1: Linear structure - experiment report.
- Leetcode题库——12.整数转罗马数字
- IHttpModule理解-知识补充
- angularJS1笔记-(12)-自定义指令(compile/link)
- Linux内核0.11 setup文件说明
- 【vue】router-link 与 router-view
- Centos/Fedora下安装Twisted,failed with error code 1 in /tmp/pip-build-H1bj8E/twisted/解决方法
- STM32标准外设库、 HAL库、LL库
- js浏览器缩放提示
- Vector源码解析