一:Vue项目构建
2024-08-31 14:03:16
第一步:需要安装nodeJS的环境,直接去官网下载https://nodejs.org/en/,下载下来按照提示一步步的安装。(vue.js是一个Js 框架。在node里面通过Npm 安装,是为了方便进行模块化管理。)
安装完成后在cmd中输入:node –v,可检测安装的nodejs版本,如下图
第二步:基于nodejs,利用淘宝镜像安装相关依赖(我们这里使用国内的淘宝镜像)
在命令行中输入:npm install -g cnpm --registry=https://registry.npm.taobao.org
如果安装失败,可以使用 npm cache clean 清理缓存,然后再重新安装
安装成功后可通过:cnpm –v检验,如下图
第三步:安装全局vue-li脚手架和 webpack
在命令行中输入:cnpm install -g vue-cli
安装完成后可通过vue –V(注意大写) 查看是否安装成功。
第四步:构建项目
下面我们来构建一个项目保存在E盘的vue文件夹中。
首先cd 到指定文件,通过命令vue init webpack 项目名 来构建项目
然后在相对应的选项上选择是或者不是
构建成功后我们就可以看到E盘目录vue文件中的deom项目目录了
第五步:运行项目
cd 到项目中,通过命令npm run dev 我们就可以通过http://localhost:8080(注意端口号是否被占用)把项目跑起来了.
最新文章
- 路由的Resolve机制(需要了解promise)
- 【干货分享】流程DEMO-采购预算编制
- Atitit 索引技术--位图索引
- GridView如何实现双击行进行编辑,更新
- TGL站长关于常见问题的回复
- C语言--enum,typedef enum 枚举类型详解
- Hadoop2.4.1 MapReduce通过Map端shuffle(Combiner)完成数据去重
- Ubuntu server 14.04 交叉编译Unicorn-engine
- 【C++】第二章:Hello World!
- 如何快速的理解JavaScript闭包?
- 发布开源库到JCenter所遇到的一些问题记录
- java程序高CPU,如何直接定位(linux系统下命令行操作)
- 修改pip安装源加快python模块安装
- 动态调用WebService的代理类
- Net 4.5 WebSocket 在 Windows 7, Windows 8 and Server 2012上的比较
- 一脸懵逼学习Hadoop中的MapReduce程序中自定义分组的实现
- linux系统虚拟机下安装nginx基础
- STM32外设初始化步骤
- php编译安装 报错 make ***[libphp5.la] Error 1解决方法
- # file Python-3.4.7.tar.xz Python-3.4.7.tar.xz: XZ compressed data
热门文章
- YOLOV4各个创新功能模块技术分析(二)
- list 分批导入db, 每1000条数据一批 , 从字符串中获取数字,小数, 版本号比较
- Redis系列(二):常用操作
- 又见 xcrun: error: invalid active developer path 错误
- yum install php-bcmath-5.4.16-42.el7.x86_64.rpm安装报错
- 【NX二次开发】Block UI 指定轴
- 京东 Vue3 组件库支持小程序开发啦!
- CSS 奇思妙想 | 全兼容的毛玻璃效果
- Quartz:Quartz任务异常处理方式
- Extjs中由于ID重复引起的各种异常的解决方法