vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。
安装碰到的问题:
使用npm安装的时候发现出现一堆的错误和警告,上网查了一下说是可能是网络问题,然后切换成淘宝镜像就不会出现这个问题(淘宝镜像的切换方法请参考https://blog.csdn.net/jingjingshizhu/article/details/81032043)
在安装脚手架之前,请确定你电脑中的node的版本在6以上
安装过程:
# 全局安装 vue-cli
cnpm install -g vue-cli# 创建一个基于 webpack 模板的新项目
vue init webpack
执行vue init webpack的时候会让你弄一些配置(基本回车就行,有些还是需要看你的实际需要情况),如下图
像上图中,配置完后执行了npm install,然后下一步执行cnpm run dev就可以跑起来了;如果没有选择执行npm install,那么就可以执行以下步骤
#cnpm 安装依赖
cnpm install#启动项目
cnpm run dev
执行cnpm run dev成功后,会看到下面的地址
复制地址,在浏览器浏览便能看到效果了