关于Vue项目搭建的方法总结

Vue项目搭建的方法网上已经有很多了，但是我想发这篇文章总结一下我所知道的两种办法。

但是两种方法都要先安装node.js！

下载node.js地址：Download | Node.js

下载之后双击安装包安装，无脑下一步就好了！

安装好之后，用node -v和npm -v查看版本号，能显示就是安装成功了！

接下来！

安装cnpm，莫问，问就是国内镜像快，安装就完事了！

在命令行输入：

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

完成之后就安装成功了，就可以用cnpm命令了！

然后就是安装Vue了！

cnpm install -g @vue-cli

 输入完回车等待安装完成，再输入vue -V查看版本号，显示则安装成功。

接下来，就是搭建项目的重头戏了！

第一种方法：

第一种方法就是新版的构建方法，使用

vue create demo         //demo为你的项目名

就是这种方法！用这种方法的小伙伴是不是很疑惑为什么我的项目没有config文件夹？？没错！因为你的vue-cli版本是3以上的！所以没有这个文件夹！不是你做错了！看看你的版本号！

而且如果要改什么配置，直接在vue.config.js这个文件里改就好了。

关于用这个语句新建项目后面的选择配置，网上已经有很多相关教程了，这里就不一一赘述了。

第二种方法

就是传统的webpack。

首先我们要先下载桥接工具。别问为什么要下，让你下就完了，不下用不了webpack。

cnpm install -g @vue/cli-init

也可以直接安装webpack：

cnpm install -g webpack

以上二选一就行。

安装好之后，我们就可以用webpack新建项目了

vue init webpack demo            //demo是你的项目名

安装完成之后，我们打开项目就会发现这个是老结构，是有config文件夹和build等文件夹的了。

对了，记得新建项目的时候检查一下是不是你想要新建在那个地方的路径，别傻傻的安装在C盘（系统盘）了

然后那些关于选择配置的我就不赘述啦~有不好的地方也请大家指正！