第一步:需要安装nodeJS的环境,直接去官网下载https://nodejs.org/en/,下载下来按照提示一步步的安装。(vue.js是一个Js 框架。在node里面通过Npm 安装,是为了方便进行模块化管理。)
安装完成后在cmd中输入:node –v,可检测安装的nodejs版本,如下图
第二步:基于nodejs,利用淘宝镜像安装相关依赖(我们这里使用国内的淘宝镜像)
在命令行中输入:npm install -g cnpm --registry=https://registry.npm.taobao.org
如果安装失败,可以使用 npm cache clean 清理缓存,然后再重新安装
安装成功后可通过:cnpm –v检验,如下图
第三步:安装全局vue-li脚手架和 webpack
在命令行中输入:cnpm install -g vue-cli
安装完成后可通过vue –V(注意大写) 查看是否安装成功。
第四步:构建项目
下面我们来构建一个项目保存在E盘的vue文件夹中。
首先cd 到指定文件,通过命令vue init webpack 项目名 来构建项目
然后在相对应的选项上选择是或者不是
构建成功后我们就可以看到E盘目录vue文件中的deom项目目录了
第五步:运行项目
cd 到项目中,通过命令npm run dev 我们就可以通过http://localhost:8080(注意端口号是否被占用)把项目跑起来了.