- 说明：由于本人已经习惯了git的使用，所以本项目的所有命令都是在git中执行的，若大家有其他跑命令的方式也是可以采取的。 git的使用方法
- 1.安装node
-
安装好之后，我们在终端输入以下两个命令
node -v
npm -v - 2.安装vue脚手架
-
在终端输入
npm install -g vue-cli
-
解释:
1. npm 是 nodejs 的官方包管理器
2. install 命令表示执行安装操作。
3. -g 是命令参数，代表，这个包将安装为系统全局的包。也就是说，在任何地方都可以用这个包。
4. vue-cli 是我们安装的包的命令。 -
安装完之后，在终端输入
vue -V
3.跳转到我想建项目的文件夹
cd ~/Sites/MyWork
4.用我们刚刚安装的 vue-cli 脚手架命令 vue ，初始化 init 一个以 webpack 为模板的名叫 my-project 的项目
-
vue init webpack my-project
-
然后，终端会问你
? Project name (my-project)
-
项目名称是不是 my-project ，我们按回车，表示，是。当然，你也可以重写一个，然后回车。
然后? Project description (A Vue.js project)
-
项目描述，一个 vue.js 的项目。同样，我们可以填写内容，或者直接回车。
-
然后，又问你：
? Author (mhl <[email protected]>)
-
作者，直接回车
-
然后
? Vue build (Use arrow keys)
❯ Runtime + Compiler: recommended for most users
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - -
这里是问你，需要不需要安装编译器，默认选择第一个就好了
-
然后
? Install vue-router? (Y/n)
-
问是不是需要安装 vue-router ，需要安装，这个是管理路由的。我们直接回车。
-
然后
? Use ESLint to lint your code? (Y/n)
-
是否需要使用 ESLint 来检查你的代码。需要！所以同上，我们直接回车。
-
然后
? Pick an ESLint preset (Use arrow keys)
Standard (https://github.com/feross/standard)
Airbnb (https://github.com/airbnb/javascript) -
问你需要使用哪种风格来检查你的代码。我们选择第一个 Standard 来检查代码。所以，直接回车。
-
然后问你
? Setup unit tests with Karma + Mocha? (Y/n)
-
是否需要安装测试功能。不要。我们输入 n 然后回车。
-
然后问你
? Setup e2e tests with Nightwatch? (Y/n)
还是关于测试的内容，我们还是输出 n 然后回车。 -
5.安装并跑项目
cd my-project
npm install -d
npm run dev
执行完 npm run dev后默认会自动打开页面，页面如下：
standard 标准风格规范说明
我们在上面安装了代码校验，并且采用了 standard 标准风格规范。那么这到底是一个什么规范呢？
- 缩进使用两个空格。
- 字符串使用单引号，用双引号只是为了避免转义单引号。
- 无未使用变量。这能帮助发现大量的错误。
- 不使用分号。这么做，没问题，真的！
- 行首不能是 ( ，[ 或 ` 。
- 关键字后面放一个空格。if (condition) { … }
- 函数名字后面放一个空格。function name (arg) { … }
- 始终用 ===，不要用 ==。不过可以用 obj == null 检测 null || undefined。
- 始终处理 node.js 回调的 err 参数。
- 始终以 window 引用浏览器的全局变量。 document 和 navigator 除外。