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