windows环境搭建Vue开发环境

1、安装node.js（https://nodejs.org/en/）

下载后安装node，D:\install\nodejs\

设置缓存文件夹

npm config set cache "F:\vueProject\nodejs\node_cache"

npm config set prefix "F:\vueProject\nodejs\node_global"

基于 Node.js 安装cnpm（淘宝镜像）

npm install -g cnpm --registry=https://registry.npm.taobao.org

设置环境变量（非常重要）

系统变量NODE_PATH

F:\vueProject\nodejs\node_modules

PATH中加入: F:\vueProject\nodejs\node_global;

npm install -g yarn
yarn global list
yarn global dir

2、安装Vue

cnpm install vue -g

3、Vue CLI 3 使用 vue ui

卸载旧版本

npm uninstall vue-cli -g or yarn global remove vue-cli

安装

yarn global add @vue/cli

// 检查安装是否成功
vue -V

如果提示 不是系统。。。则做以下操作

vue.cmd

c 盘搜索

PATH中加入:  C:\Users\Administrator\AppData\Local\Yarn\Data\global\node_modules\.bin

初始化 vue ui

vue ui

• 如果你已经安装了yarn，vue ui的默认包管理器是yarn

• Babel,Router,Vuex,Linter这四项

• 第一个是问你router的mode要不要设成history模式，一般正式项目都会设成这种模式的

• 第二个问你选用哪种Eslint风格，从vue-cli@2.x似乎就是standard选的多一些。

• 第三个是表示当你保存/提交时自动做Lint

增加包

yarn add axios 等

启动项目

npm install
npm run serve

yarn install
yarn serve