vue环境搭建详细步骤（Vue环境安装）

环境安装

一              、node

1.为什么需要node环境

Vue.js本质上就是一个Js库
  
  
  
  
  
  
 ，可以直接在页面通过script标签引用              。这种使用方式只使用了VueJs的
  
  
  
  
  
  
 ”构建用户界面“  
  
  
  
  
  
  ，使用不了他的模块化

Vue.js可以在html里直接引用后使用
 


 


 


 


 


 


 

，等到与Vue一起配合使用的第三方应用的库或框架多起来后
 
 
 
 
 
 
，一个个从html里引入就不方便了   
   
   
   
   
   
   ，所有要借用node.js中的npm管理包的引入
 

 

 

 

 

 

 
，是方便包管理.

当我们使用了npm包管理以后

 

 

 

 

 

 

，需要编译打包成为浏览器可识别的文件就需要用到node.js中的程序打包工具比如webpack              ，这些辅助工具让我们在开发的时候可以只关注业务开发
 
 

 
 

 
 

 
 

 
 

 
 

 
 ，其他的工作交由这些工具提供各种自动化处理













，让前端开发更快更简洁

2.下载安装

nodeJS下载地址：https://nodejs.org/en/download/

查看node版本： node –v （安装8以上版本）

内置NPM包管理器 查看npm: npm -v

3.NPM镜像

npm 镜像：

淘宝npm镜像

registry地址：http://registry.npm.taobao.org/

cnpm镜像

registry地址：http://registry.cnpmjs.org/

设置镜像源：npm config set registry http://registry.npm.taobao.org/

查看镜像源： npm config get registry

二
  
 
  
 
  
 
  
 
  
 
  
 
  
、VueCli脚手架

1.安装 npm install -g @vue/cli 2.查看版本 vue --version vue -V 3.升级 npm update -g @vue/cli