VUE安装与环境搭建

安装步骤：

    (1)node.js安装;

    (2)安装镜像|cpnm ;

    (3)安装vue-cli 脚手架构建工具;

项目启动：

    (1）cd进入项目或者手动进入后cmd;

    (2)执行 cnpm install  / npm install ;

    (3)npm run dev 

<npm介绍>

npm:全名 node package mannger 管理前端工程中需要使用的依赖（js类型）

-类比：

    java工程中

    project:

        src：源码

        pom.xml 定义项目开发的需要的依赖

    前端工程

    project: 

        某某.js  

        package.json(前端工程配置文件，定义项目中的使用的依赖)

        其实前端也有一个本地仓库：node_moudules(存放当前工程用到的js类库，本地没有的话，就去网上搜索使用)

-npm命令介绍

    1.初始化前端工程，产生package.json文件

    npm init 项目名称

    2.安装依赖：(项目中如果需要使用某个js类库，安装依赖)

    (1)本地安装：（只有当前项目可用，从互联网下载js类库文件到当前工程下node_moudules文件夹中）

        npm install js依赖名称 

        比如:<npm install jquery>

        就可安装依赖

    (2)全局安装：联网将js类库下载到本地仓库， npm install 依赖名称 -g 再次执行本地安装

    3.默认下载到 当前项目下 node_moudles文件夹中；

-版本指定：

    比如：1.2.2 遵循 “大版本.小版本.次要版本”的规定，安装时只安装指定版本

    比如：~1.2.2 标识安装1.2.X的最新版本（不低于1.2.2),但是不安装1.3.X

    比如：^1.2.2 标识安装1.X.X的最低版本（不低于1.2.2）

    比如：latest 安装最新版本

-批量安装

    根据package.json文件中依赖依赖信息去本地仓库寻找，如果没有将会下载

    npm install (可能会失败，因为有些jar包在国外网站)

    问题:下载很慢，

        解决：安装淘宝镜像:访问国内服务器

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

        小问题：使用cpnm依赖下载完成，在package.json中没依赖信息

        解决：cnpm install 依赖名称 --save

-<node.js> 安装

            官网下载，点击安装

            后cmd 查看版本信息：node -v 

            代表安装成功

-建议安装镜像，用镜像去下载所需文件，速度较快

-<npm> 脚架安装

    <npm install -g @vue/cli>

-查看VUE版本

    <vue --version>

-用 npm 安装 Webpack(打包工具)：

    首先要安装 Node.js， Node.js 自带了软件包管理器 npm，Webpack 需要 Node.js v0.6 以上支持，建议使用最新版 Node.js。

    <npm install -g npm> 

    <npm -v>

    也可以指定版本：比如：<npm -g install npm@7.0.15>

    查看 webpack 版本信息

        <npm info webpack>

    安装指定版本的 webpack <npm install webpack@1.12.x --save-dev>