centos vue环境搭建

标签（空格分隔）： centos

---

安装步骤

[toc]

1. 下载并安装node

1.安装node

https://segmentfault.com/a/1190000015302680

如果要切换node版本，不要在系统变量里加，直接建立软连接
ln -s /usr/local/n/versions/node/8.11.3/bin/node /bin/node

ln -s /usr/local/n/versions/node/8.11.3/bin/npm /bin/npm

2.安装cnpm(淘宝镜像)

npm install -g cnpm --registry=https://registry.npm.taobao.org
创建软链接
ln -s /opt/software/nodejs/bin/cnpm  /usr/bin
安装完成后验证 
cnpm -v 

3. 配置nodejs镜像

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

3. vue安装

cnpm install -g vue-cli
或
yarn global add @vue/cli
创建软链接
ln -s /usr/local/n/versions/node/8.11.3/bin/vue /usr/bin/vue
vue 
vue list

4. nrm安装

1.安装

npm install -g nrm

2. 软连接

ln -s /usr/local/n/versions/node/8.11.3/bin/nrm /usr/bin/nrm

3.切换到淘宝

nrm use taobao

4.离线安装项目

1. 下载webpack

下载
https://github.com/vuejs-templates/webpack

2. 将安装包放在目录root/.vue-templates/webpack下

cp -R vue-templates/ ~/.vue-templates/webpack/

cp -R vue-templates/ /home/qingyuan/.vue-templates/webpack

3. 离线安装

cd /home/qingyuan/vueProject/
vue init webpack my-project --offline

20180107152611496.png

5. 安装依赖

cd ./my-project
cnpm install

6. 本地运行项目

npm run dev