Vue

debian安装部署vue-cli创建vue项目

11-26 10:11

debian安装vue的过程比较简单


首先安装nodejs和npm

apt update

apt install nodejs

apt install npm


安装完成后,通过以下命令查看是否安装成功

node -v

npm -v


安装vue-cli

#vue-cli2(基于webpack3)

npm install -g vue-cli

#vue-cli3(基于webpack4)

npm install -g @vue/cli


部署vue项目

vue install


创建vue新项目

vue create my-project

如果出现以下错误,说明vue-cli版本过低,根据提示升级到新版本


启动项目

npm run serve

此时即可通过浏览器访问项目

注意:npm run serve在linux中,仅使用kill杀掉npm run serve进程,依然能通过浏览器访问,必须kill杀掉node进程,才能彻底结束

启动时如遇错误:/node_modules/.bin/vue-cli-service: Permission denied,说明node_modules文件夹没有权限,删掉node_modules,重新npm install就可以


如果需要将项目部署到服务器上,则需要将项目打包,然后将打包后的文件上传到服务器上。可以通过以下命令来打包项目

npm run build

打包完之后,会在项目根目录下生成一个dist目录,里面包含了所有的静态文件。将这些文件上传到服务器上,然后通过web服务器(如Apache、Nginx)来提供服务即可


微信小程序
大潇博客 版权所有 Copyright ©2016~2025
京ICP备17004217号-6  合作QQ:284710375
天玺科技