CentOS 7.X 安装 node.js 安装 cnmp vue

1.获取nodejs 资源

# 8.x

curl --silent --location https://rpm.nodesource.com/setup_8.x | bash -

2.安装

yum install -y nodejs

3.测试是否安装成功

node -v 

 # v8.x

npm -v

# Vxxx

 

Vue

可以看到cnpm的淘宝官网。

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

验证：

[yutao@yutao-19 ~]$ cnpm -v

在我的实践过程中，使用cnpm初始化vue项目时会报错，所以还是使用npm，把它的源换下就可以啦

更换npm源

npm config set registry https://registry.npm.taobao.org

// 配置后可通过下面方式来验证是否成功
npm config get registry
// 或
npm info express

 安装vue-cli

 

cnpm install -g vue-cli

参数： 
-g 表示全局安装。不加的话，就是当前目录安装。

验证：

[yutao@yutao-19 ~]$ vue --version
2.8.1

-------------------------------------------------------------------------------------------------------------------------------

 

安装工具cnpm->切换淘宝镜像站

 1.1:先安装软件cnpm替换npm软件包装

 1.2:为cnpm指定安装站点 "淘宝镜像"

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

 1.3:检查

 

2:安装脚手架工具(以下所有下载即安装都是淘宝网站下载)

 2.1:安装脚手架工具

  

  #-g 全局

 2.2:检测

  vue -V

 

3:初始项目(tpl.zip)

  vue init webpack 项目名称

  #init         初始化

  #webpack    模板名称

  #xx_admin 项止名称

  #注意事项

  (1)项目名称

  (2)vue-router ?  Yes

  (3)ESlint    ?   Vue项目代码严格检查工具 No

  (4)安装单元测试工具                     No

  回答问题后:自动创一组目录

  

   assets:      静态图片/js/css

   compoents:  组件

   router:      路由文件

   main.js      入口程序

4:安装依赖工具

  (1)开始->运行>cmd>

  (2)e:回车         #进入e盘

  (3)cd 项目名称  #进入项目目录

  (4)cnpm install     #安装依赖 37个包(花费时间长)

  #注意事项:

  (1)安装结束出现问题.重新执行第4步操作

5: 启动项目  cnpm run dev    

  停止项目   ctrl+c

 

如果看到启动了浏览器，并显示一个网页，就是安装成功了，我们就可以实现更高效的开发了。