Vue学习笔记

（一）搭建环境

工欲善其事，必先利其器。

在搭建Vue项目之前，我们要先准备好对应的开发环境

1. 安装Node.js与npm：
   直接到Node.js官网下载即可，下载地址：http://nodejs.cn/download/
   Node自带npm，所以安装好Node.js后，npm也会一同安装。

2. 安装cnpm

   由于npm使用的下载路径为国外路径，可能会有下载缓慢或出现异常的情况，因此我们可使用cnpm来替代，cnpm安装命令如下：

   npm install -g cnpm -registry=https://registry.npm.taobao.org
   

3. 安装Vue-cli

   cnpm install -g @vue/cli
   

（二）创建项目

搭建完开发环境后就是创建项目了

1. Vue3.0创建项目命令
   在终端或者cmd中输入以下命令创建项目

   vue create projectname			#创建项目命令
   

2. 创建项目后会出现以下两个选项可供选择
   —default
   —Manually
   
   选择default则直接创建项目，选择manually，则可在创建项目时自定义安装所选插件
   

3. 创建成功后再执行以下命令

   	cd 项目目录					#进入项目目录
   	cnpm/npm run serve			#启动项目
   

4. 启动完项目后访问以下网址
   
   页面如图所下图示则说明我们的vue项目已经创建成功了！