JS经典实例网站首页 JS经典实例

vue-cli安装及webpack项目搭建

发布时间：2020-04-13 21:21:15编辑：雪饮阅读（）

全局安装

npm i vue-cli –g

搭建webpack项目（脚手架安装）

下面命令执行前建议先更换为淘宝镜像比较快

npm config set registry http://registry.npm.taobao.org/

上面my-project是我自定义的名字，安装过程中的这些选项可以根据你自己的情况来选择

安装完成后提示你让你cd到你的项目并执行npm run dev即可打开项目

按照他的提示操作后

此时访问他这里给出的地址就是你的脚手架地址了

自动打开浏览器

默认情况下npm run dev后给出一个地址，让你访问该地址才能进入项目

在项目目录中build/webpack.dev.conf.js中把原来的“open: config.dev.autoOpenBrowser”改为“open: true”然后重新npm run dev即可

生产环境提示

默认情况下npm run dev后看到控制台信息如下

在src/main.js中将Vue.config.productionTip的值改为true后再次运行npm run dev就可以看到控制台提示了我们当前所在的环境

关键字词：vue-cli,安装,webpack,项目搭建