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

2021-12-17 21:07:39 浏览数 (1)

一、使用之前,我们先来掌握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还有一些可选项,在这里供大家参考

代码语言:javascript复制
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官网

0 人点赞