Deepin 20版 安装nodejs并配置npm相关环境

Deepin 20版 安装nodejs

中文官网下载安装包 http://nodejs.cn/download/

打开Deepin对应的 /usr/local 目录，右键以管理员身份打开，会自动解锁文件夹

输入账户密码即可（获取root管理员权限）

再次在local目录下右键在终端中打开（此时已是root的管理员权限）

用root管理员权限，将下载的安装node包加压，并命名为 node 然后移动 node 整个目录到 /usr/local 下即可（如上图）

命令：(root管理员权限下)

解压 tar -xf node-v***.tar.gz node
移动 mv node /usr/local

创建软连接，配置node和npm环境

创建node软连接 ln -s /usr/local/node/bin/node /usr/local/bin/
创建npm软连接 ln -s /usr/local/node/bin/npm  /usr/local/bin/

如下图：

普通用户查看配置版本号

如上说明配置的没有问题。接下来就需要配置国内的npm镜像了。

查看npm配置列表

npm config list

执行如下命令设置成国内的镜像
npm config set registry https://registry.npm.taobao.org

如上图，则npm镜像环境配置成功。

接下来配置vue的环境

安装vue
npm install -g @vue/cli		//vue3.0
npm install -g vue-cli		//vue2.0

我安装的是3.0，第一次执行会报错，如下：

这里提示的是权限问题。

第一种方式：可以在命令前加上 sudo，再次执行，即可成功。
第二种方式：将 /usr/local 下的node目录更改权限（永久解决全局安装）

# 第二种
sudo chmod -R 777 /usr/local/bin/node
sudo chmod -R 777 /usr/local/bin/npm
sudo chmod -R 777 /usr/local/node/lib/node_modules	// 主要问题所在，单独执行这一个也可以

安装完成后需要再次将vue和webpack添加到全局环境下：

sudo ln -s /usr/local/node/bin/vue /usr/local/bin/
sudo ln -s /usr/local/node/bin/webpack /usr/local/bin/

如此node和npm以及vue和webpack的完整环境配置完成。

创建vue项目命令：vue create 项目名



访问路径：http://localhost:8080/

仅供参考，转载请注明出处！