手把手教你用vue-cli搭建vue项目
本篇主要是利用vue-cli来搭建vue项目脚手架,其中前提是node.js和npm( 或cnpm )已经安装好。使用vue-cli搭建项目最开始我也是看网上的教程一步步搭下来,文章中的步骤能让你更有顺序的搭建,所以其中的一些步骤说法为了表达正确会进行一定参考。
1.打开cmd ,安装vue-cli,敲入命令:
npm install --global vue-cli (–global:全局安装)
但是这种安装方式比较慢,也可以使用国内镜像来安装,在文章中我使用的npm,需要使用cnpm可以安装淘宝镜像 :
npm install -g cnpm --registry=https://registry.npm.taobao.org
查看是否安装成功:vue -V (V是大写) 出现版本号即为安装成功;
2.生成项目:
vue init webpack Vue-Project
配置完成后,可以看到目录下多出了一个项目文件夹,里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目
然后进入项目目录(cd Vue-Project),使用 npm(cnpm) 安装依赖
npm install
然后启动项目
npm run dev