debian安装部署vue-cli创建vue项目 - Vue - 大潇博客

首页 > 技术分享 > Vue

大潇博客原创文章,转载请标明出处

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

打赏