centos 7 安装 Vue

简介:

一、安装npm
yum install -y npm

二、更新组件
yum update openssl

三、安装Vue
最新稳定版本
npm install vue
最新稳定 CSP 兼容版本
npm install vue@csp

四、安装命令行工具
npm install -g vue-cli

五、创建一个基于 "webpack" 模板的新项目
vue init webpack vue-project
安装依赖
cd vue-project && npm install && npm run dev

错误
ChromeDriver installation failed Error with http(s) request: Error: connect ETIMEDOUT 172.217.160.112:443 
解决方案 
1、npm install cross-env --save-dev 
2、npm install

六、修改配置文件vim config/index.js
将localhost 修改成本机IP地址
亦可根据实际情况修改启动端口

七、启动项目
npm run dev &

八、使用tips
1、安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
将以上命令中npm使用cnpm代替,即可使用淘宝镜像
2、在 npm install 安装项目依赖时,不要使用淘宝库,不然可能会缺少依赖文件

九、编译打包 cnpm run build
会编译打包到项目dist文件夹下,然后我们就可以部署到服务器上(注意:如果你直接打开index.html,可能页面会是一片空白,这是由于你引用的js路径有问题)




     本文转自aaron428 51CTO博客,原文链接:http://blog.51cto.com/aaronsa/2064466,如需转载请自行联系原作者



相关文章
|
3月前
|
Web App开发 JavaScript 前端开发
从脚手架开始学前端 【第3期】Node.js环境搭建(CentOS 7)
从脚手架开始学前端 【第3期】Node.js环境搭建(CentOS 7)
42 0
|
4月前
|
人工智能 JavaScript Linux
Nuxt.js在centos7上的发布部署
Nuxt.js在centos7上的发布部署
Nuxt.js在centos7上的发布部署
|
JavaScript 关系型数据库 应用服务中间件
Centos7安装wiki.js
Centos7安装wiki.js
804 0
|
Web App开发 域名解析 缓存
如何在 Ubuntu 20.04 上安装 Node.js 和 npm
本文我们主要为大家介绍在 Ubuntu 20.04 上安装 Node.js 和 npm 的三种不同的方式。
117796 7
如何在 Ubuntu 20.04 上安装 Node.js 和 npm
|
8月前
|
JavaScript 应用服务中间件 Apache
Linux--部署Vue项目
Linux--部署Vue项目
|
7月前
|
前端开发 JavaScript Linux
Centos7+Djaogo+Vue环境项目部署
Centos7+Djaogo+Vue环境项目部署
118 0
|
JavaScript
vue-cli安装步骤(附带cnpm安装不成功及vue不是内部命令)
vue-cli安装步骤(附带cnpm安装不成功及vue不是内部命令)
415 0
vue-cli安装步骤(附带cnpm安装不成功及vue不是内部命令)
|
JavaScript
Ubuntu18.04搭建Vue开发环境
Ubuntu18.04搭建Vue开发环境
537 0
Ubuntu18.04搭建Vue开发环境
|
JavaScript Ubuntu Linux
Linux安装Vue环境
Linux安装Vue环境
248 2
|
Web App开发 缓存 资源调度
从脚手架开始学前端 【第3期】CentOS 7 安装Node.js环境及配置
Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。
385 0
从脚手架开始学前端 【第3期】CentOS 7 安装Node.js环境及配置