为什么要使用vue-cli
平台无关性、功能更齐全
占内存少、更高效
帮助我们写好vue基础代码的工具,也是行业内通用的工具
首先你需要去Node.js官网下载和安装Node.js
https://nodejs.org/zh-cn/download/
安装之后cmd+R 命令行 输入node -v
出现版本提示说明已经安装好了
还有npm -v
出现版本提示说明已经安装好了
常见的dos命令
cd
打开文件夹
md
创建新文件夹
dir
查看文件夹内容
cd..
返回上一级文件夹
npm和cnpm的区别
npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)
cnpm:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,所以我们乐于分享的淘宝团队分享了使用国内镜像来代替国外服务器
g参数
全局安装(global),可以在命令行下直接使用
可以通过npm root-g查看全局安装的文件夹位置
正式安装Vue-cli 推荐使用cnpm的方式安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g vue-cli
vue -V
创建vue-cli的项目
创建一个基于 webpack 模板的新项目
vue init webpack my-project
这里需要进行一些配置,默认回车即可,或者输入y即可
进入项目,安装并运行:
$ cd my-project
$ cnpm install
$ cnpm run dev
DONE Compiled successfully in 4388ms
Listening at http://localhost:8080
成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示: