vue2.0学习笔记(一):vue-cli 项目的安装

第一步:安装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
    原文作者:zhanglingning
    原文地址: https://segmentfault.com/a/1190000014430919
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞