vue(1)--脚手架安装及使用

最近在深入学习并使用vue,记录下vue的相关知识及使用经验,以供遗忘时回顾。从环境的配置,脚手架的安装开始吧!

1:安装node

node官网:http://nodejs.cn/,官网下载对应版本,选择下一步默认安装即可(注:vue脚手架需要node版本在4.0+)。

检测node是否安装成功:node -v

检测npm包管理工具:npm -v

2:vue-cli安装

注:以下是vue脚手架2.x版本的安装,我使用的是2.x,最新3版本请安装访问:https://cli.vuejs.org/zh/guide/

执行命令:npm install -g vue-cli 安装脚手架(如需指定具体版本:npm install -g vue-cli@版本号)

npm在国内网络环境下比较慢,可以使用手机热点进行安装,或者使用淘宝镜像:

1>.官方网址:http://npm.taobao.org

2>.安装:npm install cnpm -g --registry=https://registry.npm.taobao.org;  注意:安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误;

3>.注:cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm(以下操作将以cnpm代替npm)

检测是否安装成功:vue --version,若显示具体版本则安装成功

3:使用脚手架创建初始项目

使用脚手架并不是创建vue项目的唯一途径,但推荐使用脚手架,因为会帮我们配置好许多常用的项目初始配置,例如webpack相关的配置。

①:命令行执行:vue init webpack 项目名称

安装完成后:

②:安装项目依赖:

cd 项目文件夹

npm install

③:运行项目:

npm run dev

到这里就成功创建并启动了vue程序

猜你喜欢

转载自blog.csdn.net/qq_41558265/article/details/84887700