vue学习笔记（一）第一次搭建vue项目

※ 三大步骤

1. 配置环境

2.安装脚手架vue-cli

3.创建项目

一、配置环境

1.下载安装node.js环境

①.下载
地址：https://nodejs.org/zh-cn/
提示：选择左边 “长期支持版”

②.安装
提示：双击文件，一直next就好

2.检查安装是否成功

打开终端，检查node、npm(npm自动同步安装好的)是否安装成功
提示：win+R 输入cmd打开终端

输入命令：node -v 和 npm -v
出现版本号，就说明安装成功啦！

※扩展小知识：npm是干嘛的？
Node Package(包) Manager(管理器)-----npm
包-------需要被共享的代码-----图书馆一本本共享的书
npm----获取代码的管理器-----借书卡
总之，就是下载代码的工具！
所以，由于国外的npm会比国内的慢点，我们可以选择淘宝镜像cnpm
命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

二、安装脚手架vue-cli

1.安装

命令：cnpm install vue-cli -g
提示：没有下cnpm，就用 npm install vue-cli -g

2.检查是否安装成功

命令：vue list
查看vue版本号，如下图就是安装成功啦，小星星！

三、创建项目

有两种方式：①命令创建②可视化面板创建
我这里先写第一种！

1.新建项目

命令：vue init webpack 项目名称

2.安装依赖

命令：cnpm install

3.运行

命令：npm run dev


成功啦！！！

坚持记笔记，督促自己好好学习。