第一步 node 环境安装
1.1 如果本机没有安装 node 运行环境, 请下载 node 安装包进行安装
1.2 如果本机已经安装 node 的运行换, 请更新至最新的 node 版本
下载地址: https://nodejs.org/en/ 或者 http://nodejs.cn/
第二步 node 环境检测
1.2.1 在终端输入 node -v
如果输出版本号, 说明我们安装 node 环境成功
随便我们可以查看 NPM 的 版本号, 安装 node 之后是自带 NPM 的
可以使用 NPM -v
第三步 vue-cli 脚手架安装
2.1 如果访问外网比较慢, 可以使用淘宝的镜像 https://npm.taobao.org/
打开命令终端 NPM install -g cnpm --registry= https://registry.npm.taobao.org/
回车之后, 我就可以可以快乐的用 cnpm 替代 NPM
2.2 初始化项目 vue init webpack vue-demo
输入命令后, 会询问我们几个简单的选项, 我们根据自己的需要进行填写就可以了.
Project name : 项目名称 , 如果不需要更改直接回车就可以了. 注意: 这里不能使用大写, 所以我把名称改成了 vueclitest
Project description: 项目描述, 默认为 A vue.js project, 直接回车, 不用编写.
Author: 作者, 如果你有配置 Git 的作者, 他会读取.
Install vue-router? 是否安装 vue 的路由插件, 我们这里需要安装, 所以选择 Y
Use ESLint to lint your code? 是否用 ESLint 来限制你的代码错误和风格.(这里的话建议是需要的), 输入 y, 如果你是大型团队开发, 是一定要进行配置. 然后会出现选择 eslint 源, 这个可以根据自己的需要进行选择, 后期也可以自己进行配置.
setup unit tests with Karma + Mocha? 是否需要安装单元测试工具 Karma+Mocha, 我们这里不需要, 所以输入 n.
Setup e2e tests with Nightwatch? 是否安装 e2e 来进行用户行为模拟测试, 我们这里不需要, 所以输入 n
2.3 进入 cd vue-demo
2.4 执行 NPM install
2.5 接下来执行 NPM run dev
未完待续. 将会继续在这里更新目录资源介绍
来源: https://www.cnblogs.com/hkly/p/10313434.html