喵星之旅-狂奔的兔子-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

解压

mkdir -p /usr/lib/nodejs/

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

改名字

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

建立软连接

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的安装

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的安装

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

五、验证

创建一个项目

vue init webpack my-project  （如果是高版本的，使用vue create my-project，或者使用vue ui 进行页面创建,如果是高版本，上面安装的npm可能不行，需要更新版本：npm install -g npm）

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

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

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

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

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

 

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

 sudo gedit /etc/sysctl.conf

然后在最后一行加入：

fs.inotify.max_user_watches=524288

然后执行：

sudo sysctl -p