[聚合文章] vue-cli首次安装使用心得

vue-cli安装

• 全局安装 vue-cli

$ npm install --global vue-cli

• 创建一个基于 webpack 模板的新项目，在这里，我们将这个项目的名称命名为vue-cli-demo

$ vue init webpack vue-cli-demo

• 安装依赖

cd vue-cli-demo
npm install
npm run dev

注意：对于大陆用户，建议将 npm 的注册表源设置为国内的镜像，可以大幅提升安装速度，为了保证npm与cnpm版本一致，建议在安装（install）之前执行一次以下代码

alias cnpm="npm --registry=https://registry.npm.taobao.org \
--cache=$HOME/.npm/.cache/cnpm \
--disturl=https://npm.taobao.org/dist \
--userconfig=$HOME/.cnpmrc"

提示：由于最新的 vue-webpack-template中已经去掉了 dev-server.js改用 webpack-dev-server代替，且默认不再自动打开浏览器，需要自动打开浏览器的可以在 build文件下的webpack.dev.conf.js文件中找到 open: config.dev.autoOpenBrowser这一行代码，将之改为：open: !config.dev.autoOpenBrowser即可。

注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。