1.node

 $wget https://nodejs.org/download/release/v16.5.0/node-v16.5.0-linux-x64.tar.xz
 $tar -xvf node-v16.5.0-linux-x64.tar.xz
 $mv node-v9.11.2-linux-x64 node-v16.5.0

解压以后,里面已经有node、npm,做个软连接,可以全局使用

$ sudo ln -s /home/myname/workspace/vue/node-v16.5.0/bin/node /usr/local/bin/node
$ sudo ln -s /home/myname/workspace/vue/node-v16.5.0/bin/npm /usr/local/bin/npm
$ node -v
$ npm -v

2. cnpm

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

安装以后,cnpm放在了node-v16.5.0/bin/cnpm,同理,需要加个软连接,才能全局使用

sudo ln -s /home/myname/workspace/vue/node-v16.5.0/bin/cnpm /usr/local/bin/cnpm

cnpm -v

3.vue-cli

cnpm install -g vue-cli

sudo ln -s /home/myname/workspace/vue/node-v16.5.0/bin/vue /usr/local/bin/vue

4.demo

vue init webpack vue-demo

cd vue-demo/
#加载一次
cnpm install

npm run dev

        这样,demo创建好了,也跑起来了,但是只能用localhost:8080访问,如果其他电脑访问,需要修改一下配置:vim config/index.js

将localhost改成0.0.0.0

5. 遇到的问题

如果把一个工程copy到另外一台电脑,在新环境下,可能会出现以下报错

webpack-dev-server:Permission denied

解决办法:

cd 项目/node_modules/.bin/
chmod 777 webpack-dev-server

https://cn.vuejs.org/v2/guide/installation.html

Logo

一站式 AI 云服务平台

更多推荐