最近在用vue写项目,里面遇到了许多大大小小的坑,今天就把这些坑给总结一下。
首先是他的vue-cli脚手架:
vue-cli是通过命令来构建项目的,首先必须保证自己安装和配置nodejs通过命令行输入node -v出来版本号就说明安装配置成功了
然后再配置npm,npm -v出来版本号就是成功了
通过指向淘宝镜像来安装cnpm,
npm install cnpm -g --registry=https://registry.npm.taobao.org
然后cnpm出来版本号即安装成功
下面就是配置vue-cli的配置:
首先全局安装vue,执行命令cnpm install vue-cli -g进行全局安装
安装完成之后输入vue -V会出来一个版本号即安装成功
然后找一个自己项目的文件夹通过cd命令切进去,或者直接在地址栏输入cmd直接打
开输入命令vue init webpack “webpack”这个是自己所命名的文件夹的名称然后下面会出
来一些配置信息除了第一个是yes其他的全部都是no然后一直到最后一步这个项目就算是
生成了通过cd切入到这个文件夹执行cnpm install 来安装下载package.json中的依赖模
块,安装完成后会在文件夹生成node-module文件夹来存放安装的依赖文件,当文件下载
安装完成最后就是启动项目,通过执行npm run dev来启动项目。
这样一个vue的项目就成功配置成功了。