Vue-cli (3.x)

Vue-cli 使用

1. 环境搭建

1. vue-cli 的使用需要有 node.js(8.11.0以上) 环境     node.js 安装地址: https://nodejs.org/en/

2. 然后进行 vue-cli 的安装 cmd 下输入:

npm install -g @vue/cli

3. 安装成功，输入下面的指令，查看安装的 vue 版本

vue --version

 2. 项目配置

1. 在要创建项目的目录下，进入 cmd 命令行模式

2. 回车进行其它的配置

 

 3. 根据自己的需求进行选择安装

4. 回车（根据提示选项，选择就好，下面是我的选择 ? ）

5. 回车，等待一会儿（这里需要的时间可能会有点长...）安装完的样子如下 ?：

 

3. 项目开发

1. 用vs code 打开刚才创建的项目（项目目录就长的像下面这个样子?）

2. 打开vs code 终端 输入

npm run serve

 

3. 点击链接，进行访问

 

4. 结果如上?：当你看到这个的时候，说明项目已经搭建配置好了，可以进行开发了

5. 开发文档链接: https://cn.vuejs.org/