喵星之旅-狂奔的兔子-vue环境搭建

狂奔的兔子

一、前言

vue开发就像java开发需要jdk一样，需要相应环境支持。这里是centos7的环境下开发vue搭建环境的过程。

这里选择使用root用户安装环境，省去很多问题。如果是普通管理员用户，下面的过程可能有问题。

安装过程需要计算机处于联网状态。

二、node安装

下载

wget https://nodejs.org/download/release/v9.11.2/node-v9.11.2-linux-x64.tar.xz

高版本自己在相关路径下找即可，比如：https://nodejs.org/download/release/v12.9.1/node-v12.9.1-linux-x64.tar.xz

解压

1
2
3
mkdir -p /usr/lib/nodejs/

tar -xf node-v9.11.2-linux-x64.tar.xz -C /usr/lib/nodejs/

改名字

1
mv node-v9.11.2-linux-x64/ node-v9.11.2

建立软连接

1
2
3
4
5
6
7
ln -s /app/software/nodejs/bin/npm /usr/local/bin/ 

ln -s /app/software/nodejs/bin/node /usr/local/bin/

rm -f /usr/local/bin/node

ln -s /usr/lib/nodejs/node-v9.11.2/bin/node /usr/local/bin/

三、cnpm的安装

1
2
3
4
5
6
7
8
9
rm -f /usr/local/bin/npm

ln -s /usr/lib/nodejs/node-v9.11.2/bin/npm /usr/local/bin/npm

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

rm -f /usr/local/bin/cnpm

ln -s /usr/lib/nodejs/node-v9.11.2/bin/cnpm /usr/local/bin/cnpm

四、vue-cli的安装

1
2
3
4
5
cnpm install -g vue-cli (安装之后是2版本的，如果要最新的版本使用cnpm install -g @vue/cli)

rm -f /usr/local/bin/vue

ln -s /usr/lib/nodejs/node-v9.11.2/bin/vue /usr/local/bin/vue

五、验证

创建一个项目

1
vue init webpack my-project

如果是高版本的，使用

1
vue create my-project

，或者使用vue ui 进行页面创建,如果是高版本，上面安装的npm可能不行，需要更新版本：

1
npm install -g npm

一路回车就会在当前目录下创建一个my-project文件夹，就是vue项目。

将>config>index.js 修改host为127.0.0.1或者其他的可用ip地址， 指定ip地址就可以了。也可以修改端口号，默认8080。

cd到my-project这个项目的目录中，执行以下命令

1
npm run dev （高版本是npm run serve）

如果访问ip：端口号，正常访问成功及安装成功。

如果有限额相关错误信息：

1
sudo gedit /etc/sysctl.conf

然后在最后一行加入：

1
fs.inotify.max_user_watches=524288

然后执行：

1
sudo sysctl -p
文章目录
  1. 一、前言
  2. 二、node安装
  3. 三、cnpm的安装
  4. 四、vue-cli的安装
  5. 五、验证
|