当前位置: 首页 > news >正文

webpack 创建VUE项目

1、安装 node.js

下载地址:https://nodejs.org/en/
在这里插入图片描述
下载完成以后点击安装,全部下一步即可
安装完成,输入命令验证

node -vnpm -v

在这里插入图片描述

2.搭建VUE环境

输入命令,全局安装

npm install vue-cli -g

安装完成后输入命令 查看

vue --version

在这里插入图片描述

3.安装webpack

全局安装webpack 输入命令

npm install webpack -g

安装完成输入命令验证

webpack -v

在这里插入图片描述

4.创建VUE项目

输入命令

##  创建项目 (test是项目名)
vue init webpack test 

在这里插入图片描述
进入 到新建项目中,然后输入命令 初始化

npm install

在这里插入图片描述
然后输入 启动命令

npm run dev

启动完成,访问地址
在这里插入图片描述

http://localhost:8080

在这里插入图片描述
至此,创建vue项目完成

http://www.lryc.cn/news/122690.html

相关文章:

  • deepin 深度操作系统正式适配苹果 M1 芯片
  • Labview控制APx(Audio Precision)进行测试测量(七)
  • Mybatis 源码 ② :流程分析
  • Unity2D RPG开发笔记 P1 - Unity界面基础操作和知识
  • 聚类与回归
  • 了解IL汇编循环
  • 电脑突然黑屏的解决办法
  • socket练习
  • Gitlab CI/CD笔记-第二天-主机套接字进行构建并push镜像。
  • nginx服务器报错502 Bad Gateway的原因以及解决办法
  • 带你了解什么是内容协商---如何返回不同媒体类型的数据
  • 容器化相关面试题
  • BIO、NIO、AIO 有什么区别
  • 如何构建一个对象池并使用
  • 【沁恒蓝牙mesh】CH58x USB功能开发记录(三)
  • 2023国赛数学建模D题思路分析
  • linux 学习————LNMP之分布式部署
  • 第八课 双重所有格和不定代词
  • 使用xrdp协议远程桌面控制树莓派,无需公网IP!
  • 数据结构【图的类型定义和存储结构】
  • PHP Smarty如何进行调试和错误处理?
  • 手搓vue3组件_0,打包配置
  • WebAssembly
  • TM4C123库函数学习(2)--- LED闪烁,滴答定时器精准延时
  • Linux: network: tcp: back-off技术
  • 36 | 银行贷款数据分析
  • 计算机网络-物理层(二)- 传输方式
  • 超强台风“杜苏芮”来袭!如何实现安全可靠的通信?
  • 内网隧道—HTTP\DNS\ICMP
  • QT mouseTracking