Linux环境搭建vue开发环境
本⽂参考此博客（感谢此博主）：
node.js安装
Vue.js是⼀套构建⽤户界⾯的 “渐进式框架”。与其他重量级框架不同的是，Vue 采⽤⾃底向上增量开发的设计。Vue 的核⼼库只关注视图层，并且⾮常容易学习，⾮常容易与其它库或已有项⽬整合。2016年，Vue同Angular、React形成三⾜⿍⽴的局⾯，让前端的开发者顾不暇接，接下来了解⼀下Vue的环境搭建。
Vue项⽬通常通过webpack⼯具来构建，⽽webpack命令的执⾏是依赖node.js的环境的，所以⾸先要安装node.js。
Linux服务器上创建vue⽂件夹，切换到vue⽂件⽬录
mkdir /usr/local/mjtabu/vue
cd vue
Linux环境下载node.js，链接为刚刚在官⽹复制的下载链接
wget /dist/v14.15.4/node-v14.15.
解压已下载⽂件
tar -xf node-v14.15.
赋予解压后⽂件执⾏权限
chmod -R +x node-v14.15.4-linux-x64
建⽴软连接，变为全局
ln -s /usr/local/mjtabu/vue/node-v14.15.4-linux-x64/bin/npm /usr/local/bin/
rm -f /usr/local/bin/node
ln -s /usr/local/mjtabu/vue/node-v14.15.4-linux-x64/bin/node /usr/local/bin/
检验nodejs是否已变为全局，若出现以下界⾯则表⽰node.js安装成功。
node -v
npm -v
cnpm的安装
安装完node之后，npm包含的很多依赖包是部署在国外的，下载速度超级慢。所以最好安装cnpm。
cnpm：是淘宝对npm的镜像服务器。
angular安装cnpm 安装命令
npm install -g cnpm --registry=registry.
若是直接 cnmp -v 则会失败，原因需要再加⼀步建⽴软连接
rm -f  /usr/local/bin/cnpm
ln -s /usr/local/mjtabu/vue/node-v14.15.4-linux-x64/bin/cnpm /usr/local/bin/cnpm
cnpm
cnpm -v
若出现以下信息，则表⽰cnpm安装成功
vue-cli的安装
vue-cli是vue官⽅提供的⼀个命令⾏⼯具，可⽤于快速搭建⼤型单页应⽤。该⼯具提供开箱即⽤的构建⼯具配置，带来现代化的前端开发流
程。只需⼀分钟即可启动带热重载、保存时静态检查以及可⽤于⽣产环境的构建配置的项⽬。
vue-cli 安装命令
cnpm install -g vue-cli
同理，创建 vue-cli 软链接
rm -f /usr/local/bin/vue
ln -s /usr/local/mjtabu/vue/node-v14.15.4-linux-x64/bin/vue /usr/local/bin/vue
输⼊vue，查看是否安装完成
vue
新建⼀个Vue项⽬测试（以下操作未测试完成）
新建⼀个项⽬⽂件夹，命名为 vue-demo，cd到此⽂件夹，按照如下操作进⾏初始化vue init webpack vue-demo
cd到vue-demo这个项⽬的⽬录中，执⾏以下命令
npm run dev
理论上启动了就能⽤ http:\\localhost:8080 启动了，若是在centOS上没有办法运⾏解决⽅式：vue-demo >config>index.js  修改host为127.0.0.1 指定ip地址就可以了Linux命令校验效果（...）
curl  localhost:8080
Linux服务器开放以上配置端⼝后就可以在浏览器访问了
当然也可以⽤npm安装http-server测试你写的⽹页的效果
npm install -g http-server
命令⾏输⼊http-server，然后在浏览器上就可以访问
http-server

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。