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盘(系统盘)了
然后那些关于选择配置的我就不赘述啦~有不好的地方也请大家指正!