【黄啊码】windows下安装vue环境

一、使用之前，我们先来掌握3个东西是用来干什么的。

    npm: Nodejs下的包管理器。

    webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。

    vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装npm）

开始：

安装nodes.js

    安装node.js时会连同npm、vue一起安装。

    可以在其官网下载node.js（https://nodejs.org/zh-cn/）推荐下载LTS版，下载下来的是一个mis安装包，直接双击运行即可，

    选择安装路径，安装时最好不要安装在系统盘：

安装设置，如果没有选择Add to path，安装好后还要把node.js的安装路径添加到系统环境变量，当然也可以直接默认下一步，我们可以在安装完后自己去添加系统环境变量：

 

  安装完成之后，正常是这样的

我们新建一个项目hello-world 

 目录结构如下，简直跟小程序如出一辙

 当然create还有一些可选项，在这里供大家参考

vue create --help
用法：create [options] <app-name>

创建一个由 `vue-cli-service` 提供支持的新项目


选项：

  -p, --preset <presetName>       忽略提示符并使用已保存的或远程的预设选项
  -d, --default                   忽略提示符并使用默认预设选项
  -i, --inlinePreset <json>       忽略提示符并使用内联的 JSON 字符串预设选项
  -m, --packageManager <command>  在安装依赖时使用指定的 npm 客户端
  -r, --registry <url>            在安装依赖时使用指定的 npm registry
  -g, --git [message]             强制 / 跳过 git 初始化，并可选的指定初始化提交信息
  -n, --no-git                    跳过 git 初始化
  -f, --force                     覆写目标目录可能存在的配置
  -c, --clone                     使用 git clone 获取远程预设选项
  -x, --proxy                     使用指定的代理创建项目
  -b, --bare                      创建项目时省略默认组件中的新手指导信息
  -h, --help                      输出使用帮助信息

更多具体内容​​，参考vue官网 ​​