ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2021-07-17 17:33:50  阅读:165  来源: 互联网

标签:npm Vue CLI 创建 Vue2x vue install


 

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 图形化界面创建项目

 

标签:npm,Vue,CLI,创建,Vue2x,vue,install
来源: https://www.cnblogs.com/xiaoruilin/p/15024292.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有