使用前，必须要先按照 node:安装node

　　Vue CLI官方文档：https://cli.vuejs.org/zh/

　　安装node地址：https://nodejs.org/zh-cn/download/

 

 

安装后node文件如下：

需要配置环境变量

 

然后，就可以使用 npm 命令安装了:

打开cdm命令行输入以下命令

npm install -g @vue/cli

 检测是否真的安装成功。打开cmd命令，查看一下node和自带的npm的版本信息

 

然后，就可以使用 vue 命令创建、管理项目了:

# 先切换到相应目录e:cd myhomework# 然后创建项目vue create vue-hello-world# 创建完后，切换到项目目录cd vue-hello-world# 接下来，启动项目服务器# 服务器启动后，就可以使用 http://localhost:8080 访问到首页了npm run serve# 然后就可以进行开发了# - public 下面放一些全局静态文件# - src 下面存在 main.js 跟相关 .vue 文件# -- main.js 是入口 js 文件# 开发完成后，就可以将工程打包、分发，运行在客户端了# 执行完命令，打包的内容会在 dist 文件夹中npm run build## 另外，也可以使用图形化界面的形式进行（不推荐）vue ui先切换到相应目录e:cd myhomework# 然后创建项目vue create vue-hello-world# 创建完后，切换到项目目录cd vue-hello-world# 接下来，启动项目服务器# 服务器启动后，就可以使用 http://localhost:8080 访问到首页了npm run serve# 然后就可以进行开发了# - public 下面放一些全局静态文件# - src 下面存在 main.js 跟相关 .vue 文件# -- main.js 是入口 js 文件# 开发完成后，就可以将工程打包、分发，运行在客户端了# 执行完命令，打包的内容会在 dist 文件夹中npm run build## 另外，也可以使用图形化界面的形式进行（不推荐）vue ui

 

 效果展示：