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

创建vue2项目

1、前往 Node.js 官网下载并安装 Node.js,安装完成后,npm 会随之安装。确认 Node.js 和 npm 是否成功安装,可以在命令行中运行以下命令检查版本:

node -v
npm -v

运行结果:(如下,表示node和npm安装成功。)

2、安装cnpm

3、使用cnpm安装 Vue CLI

cnpm install -g @vue/cli

 检查 Vue CLI 版本

安装完成后,检查是否成功安装以及版本情况,运行命令:

vue --version

若能显示出版本号,说明安装成功。

4、使用cnpm创建vue2项目

在终端中进入你想要创建项目的目录,然后运行创建命令:

vue create my-vue2-project --default

5、运行项目:先进入项目目录

npm run serve

启动成功后,会在终端显示项目的访问地址,一般是 http://localhost:8080 ,在浏览器中打开该地址就能看到初始的 Vue 2 项目页面。

6、上边创建完成后发现是vue3项目,创建vue2项目步骤如下:

创建成功后,进入项目目录,运行

npm run serve

打开浏览器查看

停止项目:ctrl键+c,输入y回车即可

组件注册使用

相关文章:

  • 【MYSQL】索引和事务
  • vue 新项目安装依赖插件
  • Vue3 实战:基于 mxGraph 与 WebSocket 的动态流程图构建
  • WebSocket 的错误处理与断线重连
  • 5.1 位运算专题:LeetCode 面试题 01.01. 判定字符是否唯一
  • QT编程之PCM音频播放与采集
  • vue3 项目的最新eslint9 + prettier 配置
  • Android获取U盘路径
  • Python+Requests+Pytest+YAML+Allure接口自动化框架
  • 从国家能源到浙江交通投资,全息技术在能源交通领域的创新应用
  • Spring 框架基础教程(Day03)
  • JVM 01
  • C++菜鸟教程 - 从入门到精通 第五节
  • 隔空打印,IPP,IPD,HP Jetdirect协议的区别(Mac添加打印机四种协议的区别)
  • 【Unity】合批处理和GPU实例化的底层优化原理(完)
  • Spring 框架中的 BeanUtils
  • AugFPN
  • STM32标准库开发中断流程
  • 编译原理 pl0 词法解析器 使用状态机与状态矩阵,和查找上一步得到分析
  • Windows下rust的安装
  • 江苏省人民检察院副检察长丁海涛调任省委政法委副书记
  • 马上评|劳动课该如何找回“存在感”
  • 总书记回信二周年之际,上海如何将垃圾分类深度融入城市发展?
  • 8000余万元黄金投入研发后“不知去向”,咋回事?
  • 国家统计局:中美大幅降低关税有利于双方贸易增长,也有利于世界经济复苏
  • 《习近平新时代中国特色社会主义思想学习论丛》第十一辑至第十五辑出版发行