1.安装node dos下node -v查看是否安装成功
2.npm -v查看npm包是否有
3.安装cnpm 使用淘宝镜像(快)
npm install -g cnpm --registry=https://registry.npm.taobao.org
4.安装vue-cli脚手架构建工具
cnpm install -g vue-cli(注意,这里使用cnpm来替代npm,不然速度超级慢,会导致卡在那)
查看vue是否安装成功 vue -V
5.开始用vue-cli构建项目
1>创建项目,首先要选定目录,然后在命令行中把目录转到选定的目录。
2>vue init webpack demo4(项目名称)
说明:
初始化一个项目,其中webpack是构建工具,也就是整个项目是基于webpack的。其中firstVue是整个项目文件夹的名称,这个文件夹会自动生成在指定的目录中.
3>运行初始化命令的时候回让用户输入几个基本的选项,如项目名称,描述,作者等信息,如果不想填直接回车默认就好。
6.运行项目
npm run dev
项目运行成功后,浏览器会自动打开localhost:8080(如果浏览器没有自动打开,可以手动输入)。运行成功后,会看到如下所示的界面。