步骤一、安装vue-cli,配置vue命令环境

如果你还没有安装nodejs的话,请先安装nodejs全局安装vue-cli

npm install vue-cli -g

当然了,我们是在国内,npm安装的速度和下载的时候可能会出问题,所以我现在用cnpm 安装
具体安装

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后运行

npm install [name]

安装完vue命令环境后,我们测试是不是安装成功,直接

vue -version

vue-cli提供了几个模板给开发者用于不同类型的项目,我们可以通过查看,一般我们用webpack和webpack-simple的比较多,其他几种,大家可以去官网了解下具体用法了,这里我选择用webpack

vue list

步骤二、初始化项目,生成项目模板

vue init webpack demo

vue init 模板名称 + 项目名字
上面的意思是,首先我们选择webpack的模板还有demo作为项目名字
vue-cli-1
选择相应的选项,我是直接按Enter就默认了,为了演示,如果有特别需要可以进行相关选项,接下来就等待安装完整即可
vue-cli-2

步骤三、进入生成的项目目录,安装依赖和运行项目

经过一番焦急的等待,我终于等到安装好的这一刻了,可以看到element-ui-test目录下已经新建好了一个demo文件夹了,里面就是我们安装的目录结构了
vue-cli-3
然后我们可以看到那个命令行提示消息说,运行这个项目只要进入这个文件夹,然后run一下就可以了,在这里要说一下,有的读者安装后还多了一步就是在cd [文件名]下面还有个npm install这一步,这一步为啥我没有呢,原因是我已经装过依赖了,所有没有安装依赖的同学要进行多一步操作就是安装依赖了,具体做法是

cd demo 
cnpm install
npm run dev
文章目录