vue学习二（搭建vue脚手架）

注意： 1.使用npm 的方式安装并引入vue时，需要用render函数，否则页面会是空白。使用下载的vue文件引入就可以不写render函数，在html文件里写vue模板代码。 安装步骤： 1.安装webpack,webpack-cli yarn add webpack webpack-cli --dev 2.安装热更新 yarn add webpack-dev-server ...

该内容主要介绍 Vue 脚手架相关知识：先确保 npm 可用需安装 Node.js；再安装 Vue CLI，包括配置 npm 镜像、全局安装脚手架、创建项目（两种方式）、编译运行项目；接着介绍脚手架结构、HelloWorld 程序，还提及 es 语法检测及解决办法，以及脚手架默认配置和 main.js 中 render 函数的解释 。

前言 这段时间呆到公司，事情比较少！vue很早之前用过一段时间，由于现在涉及淘宝小程序比较多，Vue的学习也比较少！所以我会把vue相关的知识总结一下，由于之前一直用的是Vue2.0x所以可能涉及vue2.0x版本的东西比较多！ 基础篇之vue脚手架搭建 一，全局安装vue脚手架 全局安装下载vue脚手架,需要主要提前安装node，这里的cnpm是淘宝镜像速度比npm比较快 cnpm install -g @vue/cli 终端下载完成后就可以创建我们的脚手架了 二，脚手架创建 vue create

文章目录一、概述 一、概述

1、分析脚手架 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 │ │ └── HelloWorld.vue │ │── App.vue: 汇总所有组件 │ │── main.js: 入口文件 ├── .gitignore: git版

利用脚手架可以快速的搭建比较大的项目。

vue 脚手架搭建

Vue脚手架2的安装 1.进入vue的官网 进入vue官网，下载vue.js 2.安装node.js 进入nodejs官网,下载node.js,版本要下载>=8.9 3.进入vue-cli官网,查看vue-cli的安装教程vue-cli官网安装教程 执行命令： npm install -g vue-cli 4.查看当前vue-cli是否成功: vue --version 结果如下: 5创建vue-cli的项目 进入自己的工作目录，新建一个项目名称目录,在目录里执行如下命令: vue