1、Vue CLI 介绍、的 Vue2x环境搭建

网友投稿 893 2022-11-19

1、Vue CLI 介绍、的 Vue2x环境搭建

1、Vue CLI 介绍、的 Vue2x环境搭建

Vue CLI3 和Vue CLI2 以及 及Vue2.x Vue3.x ,以及 Vue CLI2 升级到 Vue CLI3

一、 关于 Vue CLI3 和 和 Vue CLI2 以及 Vue2.x Vue3.xVue 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-cli2、创建项目 必须 cd 到对应的一个项目里面vue init webpack vue-demo01cd vue-demo01cnpm install / npm installnpm run dev3、另一种创建项目的方式 (推荐) ***vue init webpack-simple vuedemo02cd vuedemo02cnpm install / npm installnpm run dev

三、 Vue CLI 3 的安装以及创建项目:Vue Cli3 官网:版本要求: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/cli2 、 创建项目 必须 cd 到对应的一个项目里面vue create hello-world运行:npm run serve编译:npm run build

四、 Vue CLI 3 图形化界面创建项目

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:windows 如何查看端口占用情况
下一篇:selenium - HTML测试报告 - 生成测试报告(testloader的discover添加用例方法)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~