vue基础 - 03 （vue-cli脚手架安装、切换中国镜像、vue项目包启动）

脚手架： 就是`一款软件`，可以按照用户需求自动生成 开发环境：包含必备的脚本资源, 插件资源

1、安装：        

        1.1、电脑需要安装node软件： http://nodejs.cn/download/     ->    `node -v` 查看版本

        1.2、确保 npm 是中国镜像：查看当前镜像： `npm config get registry`

                   设置淘宝镜像：`npm config set registry https://registry.npm.taobao.org/`

                    设置淘宝镜像后：

        1.3、利用npm 安装 vue 的脚手架软件

                   安装命令： `npm i -g @vue/cli --force`

                   测试是否安装成功： `vue -V`  注意是 大写的V

2、利用脚手架安装项目包

        2.1、在需要使用的文件夹中打开cmd，生成命令: `vue create 包名`    

                ①手动方式，自定义配置（也可直接使用默认选项）

              ②选择要默认加载的功能项目

          ③路由的默认选择，采用默认项Y

         ④CSS预编译器的选择（不需要的话，在功能项目选择时不勾选即可）

         ⑤配置文件的存储方式

         ⑥是否保存以上选择（选择是，会弹出保存名字，自己随意取一个即可）

 

        2.2、启动：在生成的包（文件夹）里，打开cmd，运行命令：npm run serve

        2.3、访问：localhost:8080

3、开启项目包

        访问 `localhost:8080` 时， 实际上访问的是 项目包中的 `public/index.html` 文件

         index.html 中存在一个 ： `<div id='app'></div>`

        `src/main.js`：创建了vue的实例对象， 挂载到 `id='app'` 的元素

        `src/App.vue`： 针对vue代码特殊优化后的文件， VSCODE 看到 `.vue`文件 会`特殊照顾`