第一步:安装node.js
在node.js官网上下载并安装最新版本的node https://nodejs.org/en/ 傻瓜式安装方法,不再过多介绍
安装完成以后打开命令行(cmd)输入node -v 或者 npm -v 查看是否安装成功
第二步:安装vue-cli
打开cmd命令行或者在开始菜单所有程序找到node.js命令行 安装vue-cli
首先先安装淘宝镜像,这样项目安装的会快一些
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果安装失败,可以使用 npm cache clean 清理缓存,然后再重新安装。
安装vue-cli
若未成功安装淘宝镜像可选择如下代码安装cli
npm install -g vue-cli
成功安装淘宝镜像可选择使用 cnpm 安装 vue-cli 和 webpack,webpack是打包工具,会自行安装使用
cnpm install -g vue-cli
第三步:生成项目
在这里先教大家一个小技巧,比如我想把项目放到E盘的莫个文件中,可以打开文件夹,在空白处按住shift+鼠标右键弹出,
点击在此处打开命令窗口,这样我们就可以直接进入项目文件夹了,不用cd cd cd 了,哈哈
vue init webpack demo01
其中demo01是项目名称,即文件夹名称,一路 enter 走到底,安装完成之后你会看到在你文件下新建了一个
cd demo01
cnpm install
cnpm run dev