第一步 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 install2.3 进入 cd vue-demo
2.5 接下来执行 npm run dev
未完待续。将会继续在这里更新目录资源介绍