知识点11--使用vuecli的方式搭建一个项目

在前面的知识点，使用的是离线下载vue.js，甚至在使用element UI的时候，也是直接采用的官方引用，从未给大家演示过如何使用vue client去搭建一个项目，最根本的原因是因为要使用client的方式需要一个node.js环境，这个东西它是一个JavaScript引擎，基于谷歌浏览器而派生的环境，如果大家用过es，那就应该熟悉node.js，因为它是es-head连接工具的必备品，不过这个环境本身有一些使用上的不便，版本相当多，但是能用的版本没几个，需要靠经验来积累哪个版本能用，开发vue项目个人推荐14.18.1或者16.16.0版本，优先后者，如果大家自己还知道并拥有其他没有发生过使用问题的版本，也可以用自己的。

官网上的下载常常出现问题，可以去华为的镜像里面下载需要的版本->>华为nodejs国内镜像

没有版本需求的话，去https://nodejs.org/en/ 官网下载windows版node环境即可，下载后是一个mis后缀的执行文件，傻瓜式安装就行

当你安装完，在命令行里面运行npm -v看一下是否正常输出版本号

但是默认情况下，npm的镜像是外国的所以需要下载cnpm并指定镜像为国内的阿里

npm config set registry https://registry.npmmirror.com
npm install -g cnpm

---

此时我们就可以去安装vuecli了，运行命令将你自带或者老旧的vuecli卸载掉，如果没有则无需执行，且在执行卸载时如果进度卡住，可以使用回车继续

cnpm uninstall vue-cli -g

由于我是新电脑所以没有需要卸载的vuecli，可以直接运行安装命令，等待安装结束就行

cnpm install -g @vue/cli

安装结束后看一下是否可以正常输出版本

如果你后期需要更新vuecli的版本你可以运行cnpm update -g @vue/cli

---

现在vuecli也有了，我们来使用它创建一个项目

第一步：你需要在Windows中准备一个目录，用来存放你的项目，并在cmd窗口中进入该目录