vue spa project build

在上文中已经讲述 mac 安装 npm . 下面 利用npm 来构建vue但页面项目 首先安装vue

# 最新稳定版本$ npm install vue# 最新稳定 CSP 兼容版本$ npm install vue@csp

我选择的是 兼容版本 原因如下

有些环境，如 Google Chrome Apps，强制应用内容安全策略 (CSP) ，不能使用 new Function() 对表达式求值。这时可以用 CSP 兼容版本。

其次，依次运行：

# 全局安装 vue-cli$ npm install -g vue-cli# 创建一个基于 "webpack" 模板的新项目$ vue init webpack my-project# 安装依赖，走你$ cd my-project$ npm install$ npm run dev

对terminal做下解释 

https://vuejs-templates.github.io/webpack ：项目使用文档

? Project name vue-cli
? Project description vue build demo
? Author ly
? Use ESLint to lint your code? Yes 代码统一规范，方便迁移
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes karma 单元测试
? Setup e2e tests with Nightwatch? Yes
Terminal:

Last login: Sat Jul 30 20:13:33 on ttys000localhost:~ liyang$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"  ==> This script will install:/usr/local/bin/brew/usr/local/Library/.../usr/local/share/doc/homebrew/usr/local/share/man/man1/brew.1/usr/local/share/zsh/site-functions/_brew/usr/local/etc/bash_completion.d/brew==> The following directories will be made group writable:/usr/local/./usr/local/bin==> The following directories will have their owner set to liyang:/usr/local/./usr/local/bin==> The following directories will have their group set to admin:/usr/local/./usr/local/binPress RETURN to continue or any other key to abort==> /usr/bin/sudo /bin/chmod g+rwx /usr/local/. /usr/local/binPassword:==> /usr/bin/sudo /usr/sbin/chown liyang /usr/local/. /usr/local/bin==> /usr/bin/sudo /usr/bin/chgrp admin /usr/local/. /usr/local/bin==> /usr/bin/sudo /bin/mkdir -p /Users/liyang/Library/Caches/Homebrew==> /usr/bin/sudo /bin/chmod g+rwx /Users/liyang/Library/Caches/Homebrew==> /usr/bin/sudo /usr/sbin/chown liyang /Users/liyang/Library/Caches/Homebrew==> Downloading and installing Homebrew...remote: Counting objects: 531, done.remote: Compressing objects: 100% (471/471), done.remote: Total 531 (delta 31), reused 318 (delta 29), pack-reused 0Receiving objects: 100% (531/531), 793.28 KiB | 133.00 KiB/s, done.Resolving deltas: 100% (31/31), done.From https://github.com/Homebrew/brew * [new branch]      master     -> origin/masterHEAD is now at 1244aa6 utils: fix option handling in 'odisabled'==> Tapping homebrew/coreCloning into '/usr/local/Library/Taps/homebrew/homebrew-core'...remote: Counting objects: 3716, done.remote: Compressing objects: 100% (3603/3603), done.remote: Total 3716 (delta 15), reused 1936 (delta 4), pack-reused 0Receiving objects: 100% (3716/3716), 2.88 MiB | 167.00 KiB/s, done.Resolving deltas: 100% (15/15), done.Checking connectivity... done.Tapped 3594 formulae (3,742 files, 8.9M)==> Installation successful!==> Next stepsRun `brew help` to get startedFurther documentation: https://git.io/brew-docs==> Homebrew has enabled anonymous aggregate user behaviour analyticsRead the analytics documentation (and how to opt-out) here:  https://git.io/brew-analyticslocalhost:~ liyang$ brew install node==> Downloading https://homebrew.bintray.com/bottles/node-6.3.1.el_capitan.bottl######################################################################## 100.0%==> Pouring node-6.3.1.el_capitan.bottle.tar.gz==> CaveatsPlease note by default only English locale support is provided. If you needfull locale support you should either rebuild with full icu:  `brew reinstall node --with-full-icu`or add full icu data at runtime following:  https://github.com/nodejs/node/wiki/Intl#using-and-customizing-the-small-icu-buildBash completion has been installed to:  /usr/local/etc/bash_completion.d==> Summary��  /usr/local/Cellar/node/6.3.1: 3,829 files, 39.8Mlocalhost:~ liyang$ npm -v3.10.3localhost:~ liyang$ clearlocalhost:~ liyang$ npm install vue@csp/Users/liyang└─┬ vue@1.0.26-csp   └─┬ envify@3.4.1     ├─┬ jstransform@11.0.3     │ ├── base62@1.1.1     │ ├─┬ commoner@0.10.4     │ │ ├─┬ commander@2.9.0     │ │ │ └── graceful-readlink@1.0.1     │ │ ├─┬ detective@4.3.1     │ │ │ ├── acorn@1.2.2     │ │ │ └── defined@1.0.0     │ │ ├─┬ glob@5.0.15     │ │ │ ├─┬ inflight@1.0.5     │ │ │ │ └── wrappy@1.0.2     │ │ │ ├── inherits@2.0.1     │ │ │ ├─┬ minimatch@3.0.2     │ │ │ │ └─┬ brace-expansion@1.1.6     │ │ │ │   ├── balanced-match@0.4.2     │ │ │ │   └── concat-map@0.0.1     │ │ │ ├── once@1.3.3     │ │ │ └── path-is-absolute@1.0.0     │ │ ├── graceful-fs@4.1.5     │ │ ├── iconv-lite@0.4.13     │ │ ├─┬ mkdirp@0.5.1     │ │ │ └── minimist@0.0.8     │ │ ├── private@0.1.6     │ │ ├── q@1.4.1     │ │ └─┬ recast@0.10.43     │ │   ├── ast-types@0.8.15     │ │   ├── esprima-fb@15001.1001.0-dev-harmony-fb     │ │   └── source-map@0.5.6     │ ├── esprima-fb@15001.1.0-dev-harmony-fb     │ ├── object-assign@2.1.1     │ └─┬ source-map@0.4.4     │   └── amdefine@1.0.0     └── through@2.3.8 npm WARN enoent ENOENT: no such file or directory, open '/Users/liyang/package.json'npm WARN liyang No descriptionnpm WARN liyang No repository field.npm WARN liyang No README datanpm WARN liyang No license field.localhost:~ liyang$ npm install -g vue-clinpm WARN deprecated minimatch@0.3.0: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue/usr/local/bin/vue -> /usr/local/lib/node_modules/vue-cli/bin/vue/usr/local/lib└─┬ vue-cli@2.1.1   ├─┬ async@2.0.1   │ └── lodash@4.14.1   ├─┬ chalk@1.1.3   │ ├── ansi-styles@2.2.1   │ ├── escape-string-regexp@1.0.5   │ ├── has-ansi@2.0.0   │ ├── strip-ansi@3.0.1   │ └── supports-color@2.0.0   ├─┬ commander@2.9.0   │ └── graceful-readlink@1.0.1   ├─┬ consolidate@0.14.1   │ └── bluebird@3.4.1   ├─┬ download-git-repo@0.1.2   │ ├─┬ download@4.4.3   │ │ ├─┬ caw@1.2.0   │ │ │ ├─┬ get-proxy@1.1.0   │ │ │ │ └─┬ rc@1.1.6   │ │ │ │   ├── deep-extend@0.4.1   │ │ │ │   ├── ini@1.3.4   │ │ │ │   └── strip-json-comments@1.0.4   │ │ │ ├── is-obj@1.0.1   │ │ │ └── object-assign@3.0.0   │ │ ├─┬ concat-stream@1.5.1   │ │ │ ├── readable-stream@2.0.6   │ │ │ └── typedarray@0.0.6   │ │ ├─┬ each-async@1.1.1   │ │ │ ├── onetime@1.1.0   │ │ │ └── set-immediate-shim@1.0.1   │ │ ├─┬ filenamify@1.2.1   │ │ │ ├── filename-reserved-regex@1.0.0   │ │ │ ├── strip-outer@1.0.0   │ │ │ └── trim-repeated@1.0.0   │ │ ├─┬ got@5.6.0   │ │ │ ├─┬ create-error-class@3.0.2   │ │ │ │ └── capture-stack-trace@1.0.0   │ │ │ ├── duplexer2@0.1.4   │ │ │ ├── is-plain-obj@1.1.0   │ │ │ ├── is-redirect@1.0.0   │ │ │ ├── is-retry-allowed@1.1.0   │ │ │ ├── is-stream@1.1.0   │ │ │ ├── lowercase-keys@1.0.0   │ │ │ ├── node-status-codes@1.0.0   │ │ │ ├─┬ parse-json@2.2.0   │ │ │ │ └─┬ error-ex@1.3.0   │ │ │ │   └── is-arrayish@0.2.1   │ │ │ ├── timed-out@2.0.0   │ │ │ ├── unzip-response@1.0.0   │ │ │ └─┬ url-parse-lax@1.0.0   │ │ │   └── prepend-http@1.0.4   │ │ ├─┬ gulp-decompress@1.2.0   │ │ │ ├─┬ archive-type@3.2.0   │ │ │ │ └── file-type@3.8.0   │ │ │ ├─┬ decompress@3.0.0   │ │ │ │ ├─┬ buffer-to-vinyl@1.1.0   │ │ │ │ │ └── uuid@2.0.2   │ │ │ │ ├─┬ decompress-tar@3.1.0   │ │ │ │ │ ├── is-tar@1.0.0   │ │ │ │ │ ├── object-assign@2.1.1   │ │ │ │ │ ├─┬ strip-dirs@1.1.1   │ │ │ │ │ │ ├─┬ is-absolute@0.1.7   │ │ │ │ │ │ │ └── is-relative@0.1.3   │ │ │ │ │ │ ├── is-natural-number@2.1.1   │ │ │ │ │ │ └── sum-up@1.0.3   │ │ │ │ │ ├─┬ tar-stream@1.5.2   │ │ │ │ │ │ └── end-of-stream@1.1.0   │ │ │ │ │ └─┬ vinyl@0.4.6   │ │ │ │ │   └── clone@0.2.0   │ │ │ │ ├─┬ decompress-tarbz2@3.1.0   │ │ │ │ │ ├── is-bzip2@1.0.0   │ │ │ │ │ ├── object-assign@2.1.1   │ │ │ │ │ ├─┬ seek-bzip@1.0.5   │ │ │ │ │ │ └── commander@2.8.1   │ │ │ │ │ └─┬ vinyl@0.4.6   │ │ │ │ │   └── clone@0.2.0   │ │ │ │ ├─┬ decompress-targz@3.1.0   │ │ │ │ │ ├── is-gzip@1.0.0   │ │ │ │ │ ├── object-assign@2.1.1   │ │ │ │ │ └─┬ vinyl@0.4.6   │ │ │ │ │   └── clone@0.2.0   │ │ │ │ ├─┬ decompress-unzip@3.4.0   │ │ │ │ │ ├── is-zip@1.0.0   │ │ │ │ │ ├─┬ through2@2.0.1   │ │ │ │ │ │ └── readable-stream@2.0.6   │ │ │ │ │ └─┬ yauzl@2.6.0   │ │ │ │ │   ├── buffer-crc32@0.2.5   │ │ │ │ │   └─┬ fd-slicer@1.0.1   │ │ │ │ │     └── pend@1.2.0   │ │ │ │ └── vinyl-assign@1.2.1   │ │ │ └─┬ gulp-util@3.0.7   │ │ │   ├── array-differ@1.0.0   │ │ │   ├── array-uniq@1.0.3   │ │ │   ├── beeper@1.1.0   │ │ │   ├─┬ dateformat@1.0.12   │ │ │   │ ├── get-stdin@4.0.1   │ │ │   │ └─┬ meow@3.7.0   │ │ │   │   ├─┬ camelcase-keys@2.1.0   │ │ │   │   │ └── camelcase@2.1.1   │ │ │   │   ├─┬ loud-rejection@1.6.0   │ │ │   │   │ ├─┬ currently-unhandled@0.4.1   │ │ │   │   │ │ └── array-find-index@1.0.1   │ │ │   │   │ └── signal-exit@3.0.0   │ │ │   │   ├── map-obj@1.0.1   │ │ │   │   ├─┬ normalize-package-data@2.3.5   │ │ │   │   │ ├── hosted-git-info@2.1.5   │ │ │   │   │ ├─┬ is-builtin-module@1.0.0   │ │ │   │   │ │ └── builtin-modules@1.1.1   │ │ │   │   │ └─┬ validate-npm-package-license@3.0.1   │ │ │   │   │   ├─┬ spdx-correct@1.0.2   │ │ │   │   │   │ └── spdx-license-ids@1.2.2   │ │ │   │   │   └─┬ spdx-expression-parse@1.0.2   │ │ │   │   │     └── spdx-exceptions@1.0.5   │ │ │   │   ├─┬ read-pkg-up@1.0.1   │ │ │   │   │ ├─┬ find-up@1.1.2   │ │ │   │   │ │ └── path-exists@2.1.0   │ │ │   │   │ └─┬ read-pkg@1.1.0   │ │ │   │   │   ├─┬ load-json-file@1.1.0   │ │ │   │   │   │ └── pify@2.3.0   │ │ │   │   │   └── path-type@1.1.0   │ │ │   │   ├─┬ redent@1.0.0   │ │ │   │   │ ├─┬ indent-string@2.1.0   │ │ │   │   │ │ └─┬ repeating@2.0.1   │ │ │   │   │ │   └── is-finite@1.0.1   │ │ │   │   │ └── strip-indent@1.0.1   │ │ │   │   └── trim-newlines@1.0.0   │ │ │   ├─┬ fancy-log@1.2.0   │ │ │   │ └── time-stamp@1.0.1   │ │ │   ├─┬ gulplog@1.0.0   │ │ │   │ └── glogg@1.0.0   │ │ │   ├─┬ has-gulplog@0.1.0   │ │ │   │ └── sparkles@1.0.0   │ │ │   ├── lodash._reescape@3.0.0   │ │ │   ├── lodash._reevaluate@3.0.0   │ │ │   ├── lodash._reinterpolate@3.0.0   │ │ │   ├─┬ lodash.template@3.6.2   │ │ │   │ ├── lodash._basecopy@3.0.1   │ │ │   │ ├── lodash._basetostring@3.0.1   │ │ │   │ ├── lodash._basevalues@3.0.0   │ │ │   │ ├── lodash._isiterateecall@3.0.9   │ │ │   │ ├─┬ lodash.escape@3.2.0   │ │ │   │ │ └── lodash._root@3.0.1   │ │ │   │ ├─┬ lodash.keys@3.1.2   │ │ │   │ │ ├── lodash._getnative@3.9.1   │ │ │   │ │ ├── lodash.isarguments@3.0.9   │ │ │   │ │ └── lodash.isarray@3.0.4   │ │ │   │ ├── lodash.restparam@3.6.1   │ │ │   │ └── lodash.templatesettings@3.1.1   │ │ │   ├── minimist@1.2.0   │ │ │   ├─┬ multipipe@0.1.2   │ │ │   │ └─┬ duplexer2@0.0.2   │ │ │   │   └─┬ readable-stream@1.1.14   │ │ │   │     └── isarray@0.0.1   │ │ │   ├── object-assign@3.0.0   │ │ │   ├─┬ through2@2.0.1   │ │ │   │ └── readable-stream@2.0.6   │ │ │   └── vinyl@0.5.3   │ │ ├── gulp-rename@1.2.2   │ │ ├── is-url@1.2.2   │ │ ├── read-all-stream@3.1.0   │ │ ├─┬ readable-stream@2.1.4   │ │ │ ├── buffer-shims@1.0.0   │ │ │ ├── core-util-is@1.0.2   │ │ │ ├── isarray@1.0.0   │ │ │ ├── process-nextick-args@1.0.7   │ │ │ ├── string_decoder@0.10.31   │ │ │ └── util-deprecate@1.0.2   │ │ ├── stream-combiner2@1.1.1   │ │ ├─┬ vinyl@1.2.0   │ │ │ ├── clone@1.0.2   │ │ │ ├── clone-stats@0.0.1   │ │ │ └── replace-ext@0.0.1   │ │ └─┬ vinyl-fs@2.4.3   │ │   ├─┬ duplexify@3.4.5   │ │   │ ├── end-of-stream@1.0.0   │ │   │ └── stream-shift@1.0.0   │ │   ├─┬ glob-stream@5.3.2   │ │   │ ├── glob@5.0.15   │ │   │ ├─┬ glob-parent@2.0.0   │ │   │ │ └── is-glob@2.0.1   │ │   │ ├─┬ micromatch@2.3.11   │ │   │ │ ├─┬ arr-diff@2.0.0   │ │   │ │ │ └── arr-flatten@1.0.1   │ │   │ │ ├── array-unique@0.2.1   │ │   │ │ ├─┬ braces@1.8.5   │ │   │ │ │ ├─┬ expand-range@1.8.2   │ │   │ │ │ │ └─┬ fill-range@2.2.3   │ │   │ │ │ │   ├── is-number@2.1.0   │ │   │ │ │ │   ├── isobject@2.1.0   │ │   │ │ │ │   └── randomatic@1.1.5   │ │   │ │ │ ├── preserve@0.2.0   │ │   │ │ │ └── repeat-element@1.1.2   │ │   │ │ ├─┬ expand-brackets@0.1.5   │ │   │ │ │ └── is-posix-bracket@0.1.1   │ │   │ │ ├── extglob@0.3.2   │ │   │ │ ├── filename-regex@2.0.0   │ │   │ │ ├── is-extglob@1.0.0   │ │   │ │ ├─┬ kind-of@3.0.4   │ │   │ │ │ └── is-buffer@1.1.3   │ │   │ │ ├── normalize-path@2.0.1   │ │   │ │ ├─┬ object.omit@2.0.0   │ │   │ │ │ └─┬ for-own@0.1.4   │ │   │ │ │   └── for-in@0.1.5   │ │   │ │ ├─┬ parse-glob@3.0.4   │ │   │ │ │ ├── glob-base@0.3.0   │ │   │ │ │ └── is-dotfile@1.0.2   │ │   │ │ └─┬ regex-cache@0.4.3   │ │   │ │   ├── is-equal-shallow@0.1.3   │ │   │ │   └── is-primitive@2.0.0   │ │   │ ├── ordered-read-streams@0.3.0   │ │   │ ├─┬ through2@0.6.5   │ │   │ │ └─┬ readable-stream@1.0.34   │ │   │ │   └── isarray@0.0.1   │ │   │ ├── to-absolute-glob@0.1.1   │ │   │ └─┬ unique-stream@2.2.1   │ │   │   └─┬ json-stable-stringify@1.0.1   │ │   │     └── jsonify@0.0.0   │ │   ├── graceful-fs@4.1.5   │ │   ├─┬ gulp-sourcemaps@1.6.0   │ │   │ ├── convert-source-map@1.3.0   │ │   │ └─┬ through2@2.0.1   │ │   │   └── readable-stream@2.0.6   │ │   ├── is-valid-glob@0.3.0   │ │   ├── lazystream@1.0.0   │ │   ├── lodash.isequal@4.3.0   │ │   ├── merge-stream@1.0.0   │ │   ├── strip-bom@2.0.0   │ │   ├─┬ strip-bom-stream@1.0.0   │ │   │ └── first-chunk-stream@1.0.0   │ │   ├─┬ through2@2.0.1   │ │   │ └── readable-stream@2.0.6   │ │   ├─┬ through2-filter@2.0.0   │ │   │ └─┬ through2@2.0.1   │ │   │   └── readable-stream@2.0.6   │ │   └── vali-date@1.0.0   │ └── git-clone@0.1.0   ├─┬ handlebars@4.0.5   │ ├── async@1.5.2   │ ├─┬ optimist@0.6.1   │ │ ├── minimist@0.0.10   │ │ └── wordwrap@0.0.3   │ ├─┬ source-map@0.4.4   │ │ └── amdefine@1.0.0   │ └─┬ uglify-js@2.7.0   │   ├── async@0.2.10   │   ├── source-map@0.5.6   │   ├── uglify-to-browserify@1.0.2   │   └─┬ yargs@3.10.0   │     ├── camelcase@1.2.1   │     ├─┬ cliui@2.1.0   │     │ ├─┬ center-align@0.1.3   │     │ │ ├─┬ align-text@0.1.4   │     │ │ │ ├── longest@1.0.1   │     │ │ │ └── repeat-string@1.5.4   │     │ │ └── lazy-cache@1.0.4   │     │ ├── right-align@0.1.3   │     │ └── wordwrap@0.0.2   │     ├── decamelize@1.2.0   │     └── window-size@0.1.0   ├─┬ inquirer@0.12.0   │ ├── ansi-escapes@1.4.0   │ ├── ansi-regex@2.0.0   │ ├─┬ cli-cursor@1.0.2   │ │ └─┬ restore-cursor@1.0.1   │ │   └── exit-hook@1.1.1   │ ├── cli-width@2.1.0   │ ├── figures@1.7.0   │ ├─┬ readline2@1.0.1   │ │ ├─┬ code-point-at@1.0.0   │ │ │ └── number-is-nan@1.0.0   │ │ ├── is-fullwidth-code-point@1.0.0   │ │ └── mute-stream@0.0.5   │ ├─┬ run-async@0.1.0   │ │ └─┬ once@1.3.3   │ │   └── wrappy@1.0.2   │ ├── rx-lite@3.1.2   │ ├── string-width@1.0.1   │ └── through@2.3.8   ├─┬ metalsmith@2.1.0   │ ├── absolute@0.0.1   │ ├── async@0.9.2   │ ├─┬ chalk@0.5.1   │ │ ├── ansi-styles@1.1.0   │ │ ├─┬ has-ansi@0.1.0   │ │ │ └── ansi-regex@0.2.1   │ │ ├── strip-ansi@0.3.0   │ │ └── supports-color@0.2.0   │ ├── clone@0.1.19   │ ├─┬ co-fs-extra@0.0.2   │ │ ├─┬ co-fs@1.2.0   │ │ │ ├─┬ co-from-stream@0.0.0   │ │ │ │ └── co-read@0.0.1   │ │ │ └── thunkify@0.0.1   │ │ └─┬ fs-extra@0.12.0   │ │   ├── jsonfile@2.3.1   │ │   └── ncp@0.6.0   │ ├─┬ fs-extra@0.10.0   │ │ ├── jsonfile@1.2.0   │ │ ├─┬ mkdirp@0.5.1   │ │ │ └── minimist@0.0.8   │ │ └── ncp@0.5.1   │ ├─┬ gray-matter@2.0.2   │ │ ├─┬ ansi-red@0.1.1   │ │ │ └── ansi-wrap@0.1.0   │ │ ├─┬ extend-shallow@2.0.1   │ │ │ └── is-extendable@0.1.1   │ │ └─┬ js-yaml@3.6.1   │ │   ├─┬ argparse@1.0.7   │ │   │ └── sprintf-js@1.0.3   │ │   └── esprima@2.7.2   │ ├── has-generators@1.0.1   │ ├── is@2.2.1   │ ├── is-utf8@0.2.1   │ ├─┬ recursive-readdir@1.3.0   │ │ └─┬ minimatch@0.3.0   │ │   ├── lru-cache@2.7.3   │ │   └── sigmund@1.0.1   │ ├── stat-mode@0.2.1   │ ├── thunkify@2.1.2   │ ├─┬ unyield@0.0.1   │ │ └── co@3.1.0   │ ├─┬ ware@1.3.0   │ │ └── wrap-fn@0.1.5   │ └── win-fork@1.1.1   ├─┬ minimatch@3.0.2   │ └─┬ brace-expansion@1.1.6   │   ├── balanced-match@0.4.2   │   └── concat-map@0.0.1   ├─┬ ora@0.2.3   │ ├── cli-spinners@0.1.2   │ └── object-assign@4.1.0   ├─┬ read-metadata@1.0.0   │ └── yaml-js@0.0.8   ├─┬ request@2.74.0   │ ├── aws-sign2@0.6.0   │ ├── aws4@1.4.1   │ ├─┬ bl@1.1.2   │ │ └── readable-stream@2.0.6   │ ├── caseless@0.11.0   │ ├─┬ combined-stream@1.0.5   │ │ └── delayed-stream@1.0.0   │ ├── extend@3.0.0   │ ├── forever-agent@0.6.1   │ ├─┬ form-data@1.0.0-rc4   │ │ └── async@1.5.2   │ ├─┬ har-validator@2.0.6   │ │ ├─┬ is-my-json-valid@2.13.1   │ │ │ ├── generate-function@2.0.0   │ │ │ ├─┬ generate-object-property@1.2.0   │ │ │ │ └── is-property@1.0.2   │ │ │ ├── jsonpointer@2.0.0   │ │ │ └── xtend@4.0.1   │ │ └─┬ pinkie-promise@2.0.1   │ │   └── pinkie@2.0.4   │ ├─┬ hawk@3.1.3   │ │ ├── boom@2.10.1   │ │ ├── cryptiles@2.0.5   │ │ ├── hoek@2.16.3   │ │ └── sntp@1.0.9   │ ├─┬ http-signature@1.1.1   │ │ ├── assert-plus@0.2.0   │ │ ├─┬ jsprim@1.3.0   │ │ │ ├── extsprintf@1.0.2   │ │ │ ├── json-schema@0.2.2   │ │ │ └── verror@1.3.6   │ │ └─┬ sshpk@1.9.2   │ │   ├── asn1@0.2.3   │ │   ├── assert-plus@1.0.0   │ │   ├─┬ dashdash@1.14.0   │ │   │ └── assert-plus@1.0.0   │ │   ├── ecc-jsbn@0.1.1   │ │   ├─┬ getpass@0.1.6   │ │   │ └── assert-plus@1.0.0   │ │   ├── jodid25519@1.0.2   │ │   ├── jsbn@0.1.0   │ │   └── tweetnacl@0.13.3   │ ├── is-typedarray@1.0.0   │ ├── isstream@0.1.2   │ ├── json-stringify-safe@5.0.1   │ ├─┬ mime-types@2.1.11   │ │ └── mime-db@1.23.0   │ ├── node-uuid@1.4.7   │ ├── oauth-sign@0.8.2   │ ├── qs@6.2.1   │ ├── stringstream@0.0.5   │ ├── tough-cookie@2.3.1   │ └── tunnel-agent@0.4.3   ├─┬ rimraf@2.5.4   │ └─┬ glob@7.0.5   │   ├── fs.realpath@1.0.0   │   ├── inflight@1.0.5   │   ├── inherits@2.0.1   │   └── path-is-absolute@1.0.0   ├── semver@5.3.0   ├── uid@0.0.2   └─┬ validate-npm-package-name@2.2.2     └── builtins@0.0.7 localhost:~ liyang$ lsApplications    Downloads   Movies      PublicDesktop     IdeaProjects    Music       PycharmProjectsDocuments   Library     Pictures    node_moduleslocalhost:~ liyang$ cd Desktop/localhost:Desktop liyang$ lsBlogImg             csrfnoDjangousenot.webarchiveResource            vueDemo.htmlWD My Cloudlocalhost:Desktop liyang$ cd Resource/localhost:Resource liyang$ LSAndroid     Hadoop      ServerFront end   Install plugin  WebUtilslocalhost:Resource liyang$ CD fR/usr/bin/CD: line 4: cd: fR: No such file or directorylocalhost:Resource liyang$ cd Front\ end/localhost:Front end liyang$ lsDemo        VueApplicationlocalhost:Front end liyang$ mkdir vue-cli-buildlocalhost:Front end liyang$ cd vue-cli-build/localhost:vue-cli-build liyang$ cd ../localhost:Front end liyang$ rm -rf vue-cli-build/localhost:Front end liyang$ vue init vue-cli-project? Generate project in current directory? Yes   vue-cli · Template does not exist: vuejs-templates/vue-cli-projectlocalhost:Front end liyang$ vue init webpack vue-cli-project? Project name vue-cli? Project description vue build demo? Author ly? Use ESLint to lint your code? Yes? Pick an ESLint preset Standard? Setup unit tests with Karma + Mocha? Yes? Setup e2e tests with Nightwatch? Yes   vue-cli · Generated "vue-cli-project".   To get started:     cd vue-cli-project     npm install     npm run dev   Documentation can be found at https://vuejs-templates.github.io/webpacklocalhost:Front end liyang$