[vue三部曲]第一部:vue脚手架的搭建和目录资源介绍,超详细!

第一步 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


未完待续。将会继续在这里更新目录资源介绍


猜你喜欢

转载自www.cnblogs.com/hkly/p/10313434.html
今日推荐