1、Vue CLI 介绍、的 Vue2x环境搭建
Vue CLI3 和Vue CLI2 以及 及Vue2.x Vue3.x ,以及 Vue CLI2 升级到 Vue CLI3
一、 关于 Vue CLI3 和 和 Vue CLI2 以及 Vue2.x Vue3.x
Vue Cli 安装 vue 的脚手架工具,也就是官方命令行工具,可以用命令快速创建项目。
注意:Vue CLI 3 是 Vue CLI 2 的升级版本,并不是 Vue3.0 。 Vue3.0 目前(2019 年
3 月 5 日)还没有正式发布。Vue CLI 3 和老版本的 Vue ClI 创建的项目方式是不一样的,
创建项目的用法是一样的。Vue CLI 3 在项目编译速度上面做了一些优化。无论你用哪个版
本的 ClI,Vue3.0 发布之前写代码的方式都是一样的。目前 Vue3.0 还在重写中,暂时还没
有任何消息,Vue3.0 发布后我们会第一时间更新教程。
二、 关于 Vue CLI 目 旧版本的安装以及创建项目 ( 目前可以继
续使用)
1、搭建 vue 的开发环境 ,安装 vue 的脚手架工具 官方命令行工具
npm install --global vue-cli / cnpm install --global vue-cli
2、创建项目 必须 cd 到对应的一个项目里面
vue init webpack vue-demo01
cd vue-demo01
cnpm install / npm install
npm run dev
3、另一种创建项目的方式 (推荐) ***
vue init webpack-simple vuedemo02
cd vuedemo02
cnpm install / npm install
npm run dev
三、 Vue CLI 3 的安装以及创建项目:
Vue Cli3 官网:https://cli.vuejs.org/zh/guide/installation.html
Node 版本要求:Vue CLI 3 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm
或 nvm-windows 在同一台电脑中管理多个 Node 版本
1 、装 装 vue 的脚手架工具 (Vue Cli3 ) 官方命令行工具
npm install -g @vue/cli
或者:cnpm install -g @vue/cli
或者:yarn global add @vue/cli
2 、 创建项目 必须 cd 到对应的一个项目里面
vue create hello-world
运行:npm run serve
编译:npm run build
四、 Vue CLI 3 图形化界面创建项目
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现