条件：1、node环境安装
2、npm已安装
3、开发工具使用vscode
4、vscode导入项目（打开vscode，尽量以管理员身份运行，直接选择打开文件夹，选择到项目目录）

安装

打开vscode 的终端ctrl+shift+Y
或者选择菜单栏的终端

# 安装依赖
npm install# 启动服务
npm run dev

安装过程中，可能会出现安装过慢、报错等情况，请尝试以下方式：

npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install
如果发生报错
cnpm : 无法加载文件 C:\Users\Glyn\AppData\Roaming\npm\cnp打开windeows powershell，以管理员身份运行然后顺序在power中执行以下命令
set-ExecutionPolicy RemoteSigned
A
get-ExecutionPolicy （查看执行状态是否是 RemoteSigned）然后在vscode终端重新执行 # 启动服务
npm run dev

cnpm : 无法加载文件 C:\Users\Glyn\AppData\Roaming\npm\cnpm.ps1

power执行截图

启动完成后会自动打开浏览器访问 http://localhost:8000。

打包部署

修改
/static/config/index-[prod].js文件中
window.SITE_CONFIG['baseUrl'] = 'http://xx.xx.xx.xx/xxxxx'// 后台接口请求地址
window.SITE_CONFIG['domain'] = '静态资源cdn地址';  # 构建生产环境(默认)
npm run build

部署Nginx配置参考

  location / {# 指向我们打包后上传的前端文件root /usr/local/nginx/dist;index index.html;}location /platform-plus {# 转发请求到后端proxy_pass                         http://localhost:8888;proxy_set_header  Host             $host;proxy_set_header  X-Real-IP        $remote_addr;proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for;}

vue项目项目启动步骤及常见错误处理相关推荐

Github——git本地仓库建立与远程连接（最详细清晰版本！附简化步骤与常见错误）
前提概要: github进不去?图片显示不出来? 有没有更简单的github上传方式?! 戳这里←←←← 文章目录一.git简介二.git下载三.git安装 3.1config设置(增删改查) ...
硬件开发设计 - 焊接电路板，介绍焊接概念，焊接步骤，常见错误，难点等
焊接是硬件开发的基本功,硬件开发中常见问题除了电路设计问题,最大的就是手工焊接质量问题,而设计之初,所有的样板基本都要手工去焊接,当然一些大公司会设有焊接岗位,开发人员不需要自己去焊接,焊接功底也应该 ...
Vue项目打包部署教程及常见错误-前端开发
目录通用指南打包部署 1.静态或独立于后端部署前端应用时 2.Vue CLI 处理静态资源并和后端框架一起作为部署的一部分时常见错误一.publicPath引起的错误二.在 history ...
Hadoop启动操作过程及常见错误
主要启动步骤格式化 cd $HADOOP_HOME ./bin/hdfs namenode -format 成功的话,会看到 "successfully formatted" 和 ...
weblogic启动项目失败查看_weblogic启动报错常见错误解决办法
2)受管服务器无法启动: 解决方法: 删除 Oracle\Middleware\user_projects\domains\base_domain\servers\appServer01\data\s ...
smart gesture安装失败_WinCC flexible SMART V3 SP2安装步骤以及常见错误解决方法
1 安装配置 1. win7和win10系统都可以装 2. 运行内存至少要2G. 3. 硬盘储存空间至少要3G. 2 安装注意事项 1.安装本软件之前必须要关闭所有杀毒软件(例如360安全卫士/360 ...
vue.js 常见面试题_使用Vue.js时应避免的常见错误
vue.js 常见面试题 Looking for a front-end framework to try out, I started with React and then tried Vue.j ...
Phoenix中sqlline.py启动遇到的常见错误
1.错误一:持续等待情况的出现当输入相应的sqlline.sh命令之后,出现卡顿的现象,需要将hbase之中的内容进行删除.逐次执行相应的命令如下所示: zkCli.sh deleteall /hb ...
Vue——Windows 10下Vue项目启动步骤[vue-cli-service启动版本]
基本概念 vue-cli:A simple CLI for scaffolding Vue.js projects. 一个简单的Vue.js工程命令行脚手架工具. 官网:https://cli.vue ...
Gartner：2015年启动的企业级区块链项目90%会失败，它们犯了这十大常见错误
雷锋网报道,当前,已经有很多机构开始在现有体系中融入区块链技术,在货币汇款.学术资格认证系统.土地所有权系统.以及追踪产品的来源和去向等项目中进行试验性质的尝试.然而,根据市场调查机构 Gartner ...

vue项目项目启动步骤及常见错误处理

安装

打包部署

部署Nginx配置参考

vue项目项目启动步骤及常见错误处理相关推荐

最新文章

热门文章