阿里云centos7安装vue

一、安装npm

  yum install -y npm

二、更新openssl组件

  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 安装项目依赖时,不要使用淘宝库,不然可能会缺少依赖文件

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

posted @ 2020-08-16 00:30  _lizhipeng  阅读(652)  评论(0)    收藏  举报