安装Node
到node官网下载node然后安装非常简单, 安装完成后用下面命令查看安装node版本,如果版本对应说明安装成功
node -v
我们所需要的npm包管理器，是集成在node中的，所以，直接输入npm -v就显示出npm的版本信息。
npm -v
cnpm
由于npm的有些资源被墙，为了更快更稳定,所以我们需要切换到淘宝的npm镜像——cnpm。
点击进入淘宝的cnpm网站,里面有详细的配置方法。 或者直接在命令行输入：
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完成。
输入cnpm -v，可以查看当前cnpm版本，这个和npm的版本还是不一样的。
vue安装
在用 vue.js 构建大型应用时推荐使用 npm 安装，npm 能很好地和诸如 webpack 或 browserify 模块打包器配合使用。vue.js 也提供配套工具来开发单文件组件.
npm install vue
webpack 安装
打开命令行工具输入：npm install webpack -g，安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。
npm install webpack -g
webpack -v
开始使用vue-cli创建脚手架工程
$ npm install -g vue-cli
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev
在安装的时候可能遇到如下问题
在ubuntu系统中找不到vue
问题信息如下:
$npm install -g vue-cli
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
npm WARN checkPermissions Missing write access to /home/cfox/Work-Space/work-soft/nodejs/lib/node_modules/vue-cli
npm ERR! path /home/machao/Work-Space/work-soft/nodejs/lib/node_modules/vue-cli
npm ERR! code EACCES
npm ERR! errno -13
npm ERR! syscall access
npm ERR! Error: EACCES: permission denied, access '/home/cfox/Work-Space/work-soft/nodejs/lib/node_modules/vue-cli'
npm ERR! { Error: EACCES: permission denied, access '/home/cfox/Work-Space/work-soft/nodejs/lib/node_modules/vue-cli'
npm ERR! stack: 'Error: EACCES: permission denied, access \'/home/cfox/Work-Space/work-soft/nodejs/lib/node_modules/vue-cli\'',
npm ERR! errno: -13,
npm ERR! code: 'EACCES',
npm ERR! syscall: 'access',
npm ERR! path: '/home/cfox/Work-Space/work-soft/nodejs/lib/node_modules/vue-cli' }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/cfox/.npm/_logs/2018-07-09T03_24_55_224Z-debug.log
然后使用 vue -v ,出现如下提示:
No command 'vue' found, did you mean:
Command 'vpe' from package 'texlive-latex-extra' (main)
Command 'vuze' from package 'vuze' (universe)
vue: command not found
解决办法
建立软连接
$ sudo ln -s 你的vue-cli安装包的路径/bin/vue /usr/local/bin/vue
建立成功，则会在/usr/local/bin/目录下生成一个叫vue的文件 然后输入
$ vue -V
正常输出版本号，问题解决
使用 $vue init webpack my-vue-project 创建脚手架的时候出错
错误信息:
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! chromedriver@2.40.0 install: `node install.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the chromedriver@2.40.0 install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/cfox/.npm/_logs/2018-07-09T05_15_04_433Z-debug.log
解决办法:
npm install appium-chromedriver@3.0.1 --ignore-scripts
或者（安装方法）：
npm install appium-chromedriver --chromedriver_cdnurl=http://npm.taobao.org/mirrors/chromedriver
网友评论