centOS 安装vue.js
2017-04-17 22:53
513 查看
安装cnpm
由于npm是要访问外网的,很慢,所以我们可以使用淘宝的镜像。
百度搜索:淘宝npm镜像
可以看到
cnpm的淘宝官网。
npm install -g cnpm --registry=https://registry.npm.taobao.org1
1
验证:
[yutao@yutao-19 ~]$ cnpm -v cnpm@4.5.0 (/usr/programe_files/node-v6.10.1/lib/node_modules/cnpm/parse_argv.js) npm@3.10.10 (/usr/programe_files/node-v6.10.1/lib/node_modules/cnpm/node_modules/npm/lib/npm.js) node@6.10.1 (/usr/programe_files/node-v6.10.1/bin/node) npminstall@2.26.4 (/usr/programe_files/node-v6.10.1/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js) prefix=/usr/programe_files/node-v6.10.1 linux x64 3.10.0-514.el7.x86_64 registry=https://registry.npm.taobao.org1
2
3
4
5
6
7
8
1
2
3
4
5
6
7
8
在我的实践过程中,使用
cnpm初始化vue项目时会报错,所以还是使用
npm,把它的源换下就可以啦
更换npm源
npm config set registry https://registry.npm.taobao.org // 配置后可通过下面方式来验证是否成功 npm config get registry // 或 npm info express1
2
3
4
5
6
1
2
3
4
5
6
http://riny.net/2014/cnpm/
安装vue-cli
我们已经安装好了cnpm,所以以后要用到
npm的地方,使用
cnpm就可以啦
cnpm install -g vue-cli1
1
参数:
-g 表示全局安装。不加的话,就是当前目录安装。
验证:
[yutao@yutao-19 ~]$ vue --version 2.8.11
2
1
2
我执行上面的命令虽然安装
OK,但是安装显示的过程中,有错误。
所以在更换
npm源之后,我再次执行:
# 全局安装 vue-cli $ npm install --global vue-cli1
2
1
2
我本来想先卸载在执行,结果网上我没有找到方法,想想,再次执行,应该是覆盖,所以就这么干了。
官网的小例子。
# 全局安装 vue-cli $ npm install --global vue-cli1
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖,走你
$ cd my-project
$ npm install
$ npm run dev
2
3
4
5
6
7
8
1
2
3
4
5
6
7
8
在执行最后启动项目后,显示:
[yutao@yutao-19 my-project]$ npm run dev > my-project@1.0.0 dev /home/yutao/webvueproject/my-project > node build/dev-server.js > Starting dev server... DONE Compiled successfully in 12082ms 16:32:04 > Listening at http://localhost:8080 (node:3340) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: Exited with code 31
2
3
4
5
6
7
8
9
10
11
12
13
14
1
2
3
4
5
6
7
8
9
10
11
12
13
14
这里报了个警告,适合是
nodejs报的,网上解释,最新版都这样,不确定,咱是后端开发,不懂。
由于我是安装在虚拟机中的,所以我的访问地址是
http://192.168.116.19:8080。
结果没有显示。
Linux的安全机制很高的,需要在防火墙给端口
8080开后门。
# centos7 默认是安装了firewalld防火墙的 # 永久开放端口 firewall-cmd --permanent --add-port={9200/tcp,9100/tcp,5601/tcp, 8080/tcp} # 重启防火墙 firewall-cmd --reload # 查看防火墙状态 firewall-cmd --state # 显示目前的设定 firewall-cmd --list-all1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
这样就可以访问了。
国内优秀npm镜像推荐及使用
https://cn.vuejs.org/v2/guide/installation.html
相关文章推荐
- centos7 安装vue.js
- CentOS Linux release 7.3.1611安装vue.js包含npm和cnpm详细教程
- CentOS 7.X 安装 node.js和 cnmp vue
- centOS 6.x 版本安装 node.js 4.x 以上版本的方法
- vue.js使用(一):vue-cli的安装
- vue.js的devtools安装
- 详解vue.js的devtools安装
- vue.js安装
- vue.js开发环境安装教程
- vue.js安装和环境搭建
- centos/linux 安装node.js(AppFog失败的安装者,转而投向vps)
- Windows安装Vue.js
- 在 CentOS 上安装 node.js
- CentOS 安装NodeJS V8.0.0
- Mac Vue.js 安装并初始化项目
- 21、vue.js 之vuex安装及使用
- CentOS安装php v8js教程
- vue.js 三种方式安装
- vue.js学习笔记(一)安装及项目的创建和运行
- Vue.js入门 - 安装