首页 > 技术分享 > Vue
收藏

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

11/26 10:43
大潇博客 原创文章,转载请标明出处

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)来提供服务即可


打赏

阅读排行

大家都在搜

博客维护不易,感谢你的肯定
扫码打赏,建议金额1-10元
  • 15601023311