Node12.18.3安装脚手架搭建vue项目

	                                    **Node12.18.3版本安装脚手架搭建vue项目**
                                                                                                          写于2020年8月4日 下午  苏州宜家餐厅
   这是第一次写CSDN博客，之前在全栈开发工作中，CSDN学习网站给了我不少的帮助，在处理疑难问题的时候，给了很多解决方案，再此非常感谢各位同行给予的知识分享。同时也给我一个想法，那就是将工作上遇到的问题记录下，供其他遇到相同的问题的伙伴作为参考。
   今天写的内容是用node安装vue脚手架并且通过脚手架搭建vue项目。下面我将一步一步将搭建过程写下，有不少伙伴也写过相同类型的文章，不过并没有很好的得到解决。不多说了，过程如下：
    一、官网下载node.js文件,下载LTS，建议不要下载Current最新版本，LTS是稳定的版本。下载完后安装下一步即可。
    二、window+R键，弹出运行弹出框，输入cmd,进入cmd.exe命令执行
           查看当前node.js是否安装成功。
           输入命令行代码：node -v 
![node安装完成](https://img-blog.csdnimg.cn/20200804171509897.png)

三、 这个时候查看node里面自带的npm版本号，如果我没猜错的话npm的版本号如果低，或许会影响安装脚手架、以及搭建项目。

四、如果此时你的电脑的npm版本号低，可以通过如下命令代码将npm更新至最新版本：npm i -g npm
五、安装cnpm。
因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常，如果npm的服务器在中国就好了，所以我们乐于分享的淘宝团队干了这事！来自官网：“这是一个完整的npmjs.org镜像，你可以用此代替官方版本（只读），同步频率目前为10分钟一次以保证尽量与官方服务同步。”
安装：npm install -g cnpm --registry=https://registry.npm.taobao.org
输入 cnpm-v，可以查看当前cnpm的版本
六、安装vue-cli脚手架构建工具。
先确认是否安装过，如果有可以通过：npm uninstall vue-cli -g进行卸载
输入命令cnpm install -g @vue/cli 进行脚手架的安装
通过指令：vue -V 查看脚手架是否安装成功

七、通过脚手架创建项目，cmd需要先定位到安装的文件夹位置的上一层
vue create 项目名称
八、运行项目：cd 到项目文件夹后通过输入npm run serve 运行，通过浏览器访问local地址。

如有问题，可以反馈于我进行修改，共同学习，祝工作顺利！感谢！