创建脚手架工程过程中遇到的问题

2019-01-25  本文已影响0人  疾走考拉

安装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
上一篇 下一篇

猜你喜欢

热点阅读