本文已参与【新人创作礼】活动，一起开启掘金创作之路

vue日常知识点：

一、 vue环境安装

1. 安装node.js

从node官网下载并安装node.js，下载完毕后，双击exe一直下一步ok进行安装即可。
安装完毕后，使用windows+R键输入cmd进行系统管理器，在当前页面输入 node -v，如显示node版本信息号，则表示node.js已经安装完毕。

2.安装npm管理器

npm包管理器，已经集成在了node安装包中，所以安装完毕node后也就装好了npm，安装好了npm后就可以去下载资源库文件了，检查是否安装完毕npm的方法为：在系统管理器cmd中输入 npm -v，如显示版本号，则表示npm已经安装完毕。

3.安装淘宝镜像(cnpm)

在系统管理台输入npm install -g cnpm --registry=https://registry.npm.taobao.org 若中途未出现报错即表示安装成功，安装成功后可以使用cnpm来代替npm下载资源文件。

4. 安装vue脚手架构建工具

在系统管理台输入 npm install -g vue-cli 然后等待安装完毕即可

5. 安装webpack

cnpm install webpack -g
安装webpack-cli 依赖   cnpm install webpack webpack-cli -g
安装完成后查看版本 webpack -v

6. 安装Vue-cli cnpm install vue-cli –g

安装完成后查看版本 vue -V    注意：v是大写

7. 初始化vue项目 (注：此命令在你想要安装项目的目录下输入)

vue init webpack projectname  (projectname是新建项目的名称)
    1.    projectname -->项目名称 默认即可
    

8. 启动项目

项目初始化完成后，输入cd 项目名称进入项目目录，输入 npm install 命令安装依赖包，安装完成后输入 cnpm run dev启动项目，等待片刻，待命令行出现 http://localhost:8080 后，即代表此项目启动完成，打开浏览器输入此地址，待网页出现vue官方图标后表示项目已经启动完毕啦！