Linux配置vue环境

下载node

http://nodejs.cn/download/(选择linux)

cd /root/soft/

wget https://cdn.npm.taobao.org/dist/node/v16.11.1/node-v16.11.1-linux-x64.tar.xz

解压

tar -xvf node-v16.11.1-linux-x64.tar.xz

建立软连接

ln -s /root/soft/node-v16.11.1-linux-x64/bin/node    /usr/local/bin/node

ln -s /root/soft/node-v16.11.1-linux-x64/bin/npm     /usr/local/bin/npm

测试是否成功

node -v

nmp -v

安装cnpm

npm install -g cnpm

如果慢可以加上:

npm install -g cnpm  --registry=https://registry.npm.taobao.org

软连接

ln -s /root/soft/node-v16.11.1-linux-x64/bin/cnpm    /usr/local/bin/cnpm

安装vue

cnpm install -g vue-cli

软连接

ln -s /root/soft/node-v16.11.1-linux-x64/bin/vue    /usr/local/bin/vue

使用vue创建第一个项目

vue init webpack  projectName

命令执行完成后,会出现以下提示

# ========================

To get started:

  cd projectName

  npm run dev

Documentation can be found at https://vuejs-templates.github.io/webpack

修改 config/index.js 的 host 属性为 ‘0.0.0.0'

 npm run dev

浏览器访问,

http://serverIp:port/#/


cd projectName

cnpm install

cnpm run dev      //开发运行

npm run build      //打包

本文参考以下文章:

作者:河神

链接:https://www.jianshu.com/p/d0f09be81ca8

你可能感兴趣的:(Linux配置vue环境)