最近在深入学习并使用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程序