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

167 阅读2分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。 一、使用之前,我们先来掌握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安装包,直接双击运行即可,

选择安装路径,安装时最好不要安装在系统盘:

image.png

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

image.png

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

image.png

我们新建一个项目hello-world

image.png

当然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官网