vue 自学....

1.安装nodejs

官网下载 对应系统版本，直接安装

2.安装 

# 最新稳定版
$ npm install vue

异常

C:\Users\mogojing>npm install vue

npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\mogojing\package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\mogojing\package.json'
npm WARN mogojing No description
npm WARN mogojing No repository field.
npm WARN mogojing No README data

npm WARN mogojing No license field.

解决：npm init

系统配置信息 》》user下多了一个.json 的文件

再 输入npm install -g cnpm --registry=http://registry.npm.taobao.org ，安装淘宝镜像安装相关依赖

3.安装脚手架(Vue 提供了一个官方的 CLI，为单页面应用快速搭建 (SPA) 繁杂的脚手架)

npm install -g @vue/cli

4.对不同构建版本的解释

在 NPM 包的 dist/ 目录你将会找到很多不同的 Vue.js 构建版本。这里列出了它们之间的差别：

	UMD	CommonJS	ES Module
完整版	vue.js	vue.common.js	vue.esm.js
只包含运行时版	vue.runtime.js	vue.runtime.common.js	vue.runtime.esm.js
完整版 (生产环境)	vue.min.js	-	-
只包含运行时版 (生产环境)	vue.runtime.min.js	-	-

术语

• 完整版：同时包含编译器和运行时的版本。

• 编译器：用来将模板字符串编译成为 JavaScript 渲染函数的代码。

• 运行时：用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。

• UMD：UMD 版本可以通过 <script> 标签直接用在浏览器中。jsDelivr CDN 的 https://cdn.jsdelivr.net/npm/vue 默认文件就是运行时 + 编译器的 UMD 版本 (vue.js)。

• CommonJS：CommonJS 版本用来配合老的打包工具比如 Browserify 或 webpack 1。这些打包工具的默认文件 (pkg.main) 是只包含运行时的 CommonJS 版本 (vue.runtime.common.js)。

• ES Module：ES module 版本用来配合现代打包工具比如 webpack 2 或 Rollup。这些打包工具的默认文件 (pkg.module) 是只包含运行时的 ES Module 版本 (vue.runtime.esm.js)。

5.新建一个VUE项目

>>可自行切换至其他盘符

>> 命令 ：vue init webpack projectName

>>在项目文件中打开cmd  运行npm install 或者 cnpm install

>>运行项目：npm run dev