vue环境安装

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

vue环境安装（详解）

1，首先要确定自己安装了node.js环境，进入官网下载对应操作系统的版本就好。npm -v查看npm版本，下载地址：https://nodejs.org/zh-cn/。
2，还要修改npm源，修改为淘宝镜像，因为使用npm下载是国外服务器可能会卡顿出现下载不成功。
命令：1，npm get registry 获取默认的。
2，npm config set registry http://registry.npm.taobao.org/ 修改为淘宝镜像源。
3，设置环境变量：
3.1，创建两个文件夹,分别叫node_global_modules和 node_cache 。
3.2，在命令行输入指令.
3.2.1，npm config set prefix “第一个文件夹的路径”
3.2.2，npm config set cache “第二个文件夹的路径”
3.3，执行npm config ls来查看设置的结果
3.4，设置环境变量>Path>新建 ,写入第一个文件路径
4，首先要找一个文件夹，最好是一个空文件，用来创建项目。
5，先安装手脚架，安装命令：npm install -g @vue/cli 未设置淘宝镜像源使用：npm install -g @vue/cli --registry=https://registry.npm.taobao.org
6，等待大概三分钟安装完成，输入：vue -V(注意后面V大写）。回车能显示版本号就可以。
7，在你要建项目的文件夹，路径中输入cmd

回车：

8，输入命令： vue create *** （***为项目名字）回车{可以输入vue ui创建}
8.1，default (bable，eslint） // 默认
Manually select features // 手动 **选择手动创建项目
8.2，版本号
8.3，( ) Babel // 支持高阶语法转换

( ) TypeScript // 支持使用 TypeScript 书写源码

( ) Progressive Web App (PWA) Support // 支持PWA

( ) Router // 路由

( ) Vuex // store

( ) CSS Pre-processors // CSS 预处理器

( ) Linter / Formatter // 代码风格检查和格式化

( ) Unit Testing // 支持单元测试

( ) E2E Testing // 支持E2E测试
新手选择： choose Vue session , bable , router , Vuex
8.4，y
8.5，In package.json
8.6，y/n都可以
9，创建完成
10，进入项目输入：npm run serve运行就可以。