VUE启动部署

1.安装node.js

尽量使用直装版

安装网址:https://nodejs.org/en/about/previous-releases

使用 node -v npm -v   查看版本

查看环境变量配置情况

npm install -g @vue/cli

2.启动项目

vscode:npm install -g @vue/cli-init

项目运行:npm run dev

npm install -g @vue/cli-init 和 npm install -g @vue/cli 这两个指令的主要区别在于它们安装的包和功能。

  1. npm install -g @vue/cli-init:这个指令安装的是Vue CLI2版本的脚手架。这是一个用于初始化Vue CLI2版本项目的工具。
  2. npm install -g @vue/cli:这个指令安装的是Vue CLI,这是一个Vue.js的脚手架工具。它为开发者提供了创建和管理Vue.js项目所需的功能,如项目脚手架、热模块替换、压缩和代码分割等。

!!!!注意版本问题

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue自动部署Nginx的过程可以分为以下几个步骤: 1. 在Vue项目中配置好打包命令,例如使用npm run build命令进行打包。 2. 将打包后的文件上传到服务器上,可以使用FTP等工具进行上传。 3. 在服务器上安装Nginx,并配置Nginx的相关参数,例如监听端口、网站根目录等。 4. 启动Nginx服务,让其监听指定端口并加载网站根目录下的文件。 具体的步骤如下: 1. 在Vue项目中配置好打包命令,例如在package.json文件中添加如下命令: ``` "build": "vue-cli-service build" ``` 2. 执行npm run build命令进行打包,打包完成后会生成一个dist目录,里面包含了所有的静态资源文件。 3. 将dist目录上传到服务器上,例如上传到/usr/local/nginx/html目录下。 4. 在服务器上安装Nginx,可以使用以下命令进行安装: ``` sudo apt-get update sudo apt-get install nginx ``` 5. 配置Nginx的相关参数,例如在/etc/nginx/sites-available/default文件中添加如下配置: ``` server { listen 80; server_name yourdomain.com; root /usr/local/nginx/html; index index.html; location / { try_files $uri $uri/ /index.html; } } ``` 其中,listen指定了Nginx监听的端口,server_name指定了网站的域名,root指定了网站的根目录,index指定了默认的首页文件,location指定了请求的处理方式。 6. 启动Nginx服务,可以使用以下命令进行启动: ``` sudo systemctl start nginx ``` 7. 访问服务器的IP地址或域名,即可看到Vue项目的网站页面。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值