Vue框架初步搭建（一）

一  相关概念

        npm : 可以理解为包管理器，下载、更新、删除相关包

        webpack :  快速构建前端项目的工具，下载、打包、压缩....

二 安装node.js 

        1.  下载安装node.js安装包

               地址：Node.js

        

         2. 安装过程

                傻瓜式下一步......

         3.配置环境变量（win10）

                我的电脑=>右键=>属性=>高级系统设置

=>环境变量

=>

 

 

 下图为node.js安装路径，根据自己安装位置配置环境变量

         4. 查看安装的node.js版本号

//查看node.js版本
node -v

//查看npm版本
npm -v

         4. 查看、修改npm网址

            

//查看npm下载网址
npm config get registry
//修改npm下载网址
npm config set registry https://registry.npm.taobao.org

        5.  安装脚手架

//下载脚手架,下载一路没有飘红ERR.
npm install vue-cli -g  

//查看脚手架的下载版本
vue -V  

//查看下载好的位置
where vue  

三  初始化下载Vue项目

        1. 创建工作空间

                D:\workspace\vueModule

        2. 进入工作空间，下载项目

                

 

 

 

  下载完成后，通过vsCode等开发工具打开终端运行：