Vue CLI ------脚手架

本文详细介绍了如何使用Vue CLI创建版本2和3的项目,包括环境准备、安装脚手架、创建项目、启动与打包项目等步骤。同时,还提供了使用HBuilder创建Vue CLI 3项目的方法。
摘要由CSDN通过智能技术生成

介绍 

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。 使用Vue 脚手架之后我们开发的页面将是一个完整系统(项目)

 环境准备

# 1.下载nodejs
	http://nodejs.cn/download/
 
# 2.配置nodejs环境变量
	1.windows系统:
	 	计算上右键属性---->  高级属性 ---->环境变量 添加如下配置:
		NODE_HOME=  nodejs安装目录
        PATH    = xxxx;%NODE_HOME%
    2.macos 系统
    	推荐使用.pkg安装直接配置node环境
 
# 3.验证nodejs环境是否成功
	node -v 
 

 安装脚手架

 Vue Cli官方网站
	https://cli.vuejs.org/zh/guide/

 安装vue Cli 脚手架
	npm install -g vue-cli    //安装2.x版本脚手架,默认为2.9.6
    npm install -g @vue/cli  //安装3.x版本脚手架  默认为 @vue/cli 5.0.4

卸载对应版本脚手架
	npm uninstall -g @vue/cli  //卸载3.x版本脚手架
	npm uninstall -g vue-cli  //卸载2.x版本脚手架
 

查看本地脚手架的版本vue -V
     以 vue-cli  开头的 是2.xxx版本
     以 @vue/cli 开头的 是3.xxx版本

vue脚手架版本2项目    

第一步:

先查看环境中是否安装了 vue-cli,在终端中输入命令    vue -V  ;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值