Vue2.0 学习笔记 Mac 版（一）

脚手架的安装和使用

脚手架的安装

1. 先检查是否安装 node

    node -v 
    ## 检查 node 版本，如果出现版本号表示已安装

2. 如果没有出现版本号，或者显示其他信息，或者自己知道没有安装 node 请点击此处 之后点击下载然后无脑下一步就好了，现在的版本都挺好安装的🥲

3. 之后就使用 Mac 自带的终端运行命令就可以进行安装了

   • 安装

        npm install -g @vue/cli
        # 或者使用 yarn 包管理器
        yarn global add @vue/cli
     

   • 查看版本

        vue --version
     

   • 更新

       npm update -g @vue/cli
       # 或者
       yarn global upgrade --latest @vue/cli 
     

4. 如果觉得安装速度太慢的话就看一看，顺便把 npm 的镜像换成淘宝源，更换方法如下

   • 切换及查看是否成功方法

         # 换源方法
         npm config set registry https://registry.npm.taobao.org/
         # 查看是否换源成功
         npm config get registry
     

   • 如果换源成功就会如下图显示 registry.npm.taobao.org/

     之后再运行第三步即可

Vue 脚手架的使用

1. 首先使用 Vue CLI 创建项目

     vue create hello-world
     #            项目名称
   

   成功后会显示如下图

   

刚开始会让选择使用 vue3 或者 vue2刚开始的话一般都是从 vue2 开始的，所以直接选择 vue2 如果不想使用推荐的可以自己定义，就选择最后一个选项按回车键就OK了

如果使用自定义的话，会出现如下图所示选项，根据自己项目需求进行选择就可以

第一次使用的话直接使用推荐的来进行创建就可以了，随后如果有需要可以直接使用 npm 包管理来进行安装所需要的插件，就不一一展示了

2. 然后就是也可以使用 Vue CLI 自带的图形化界面来进行项目创建

   • 图形化界面的打开方法

        vue ui
     

     打开之后如下图

   之后就是点击右上角，然后选择 Vue 项目管理器，然后一步一步创建项目即可，图形化界面，很无脑的啦，就不一一给大家展示了

   • 再之后就是在图形化界面上下载插件，这个也很简单，只要点击插件，然后在里面进行搜索安装即可，没有其他特别要注意的事情

到此， Vue 脚手架的创建和基本使用到这里就结束了，感谢围观，有不妥的地方欢迎各位大神帮忙提醒！谢谢各位