1.环境配置 vue的安装 vue项目初始化

前言

VUE官网
菜鸟教程
NPM菜鸟教程

Vue.js的安装

1. 独立版本
   官网下载后导入
2. cdn
   script引入
   3.npm下载

使用npm要先学会基本的node.js

升级使用cnpm

# 安装vue
cnpm install vue

配置环境

浏览器

安装浏览器插件

1. Vue Devtools
   在使用 Vue 时，我们推荐在你的浏览器上安装 Vue Devtools。它允许你在一个更友好的界面中审查和调试 Vue 应用。

直，接，安，装，插，件，可，能，需，要，， ——使用访，问，助，手
下载后导入安装——github，第三方网站，其，他，****，商，店

进入开发者模式，即可看到他在正常运行

vscode

下载安装和创建工作区

官网

安装插件（持续更新）

搭建工程

1.前期工作

• 做好版本控制(git)
  github
  另外一个仓库
• 写好说明文档
• 绘制并理解项目原型

2.CLI创建新项目

Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档。

CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解。如果你是新手，我们强烈建议先在不用构建工具的情况下通读指南，在熟悉 Vue 本身之后再使用 CLI

# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 这里需要进行一些配置，默认回车即可

进入项目，安装并运行：

$ cd my-project
$ cnpm install
$ cnpm run dev
 DONE  Compiled successfully in 4388ms
> Listening at http://localhost:8080