vue的脚手架vue-cli的安装使用(windows开发环境下)
node安装与配置环境
下载安装node.js
widnows下载地址: https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi 一路下一步
你可以通过在命令行输入node -v 安装是否成功
新版的node是自带npm的,可以通过npm -v 查看版本
为了不占用c盘空间,重置npm安装路径(也可以不设置)
npm config set prefix "D:\Develop\nodejs\node_global" npm config set cache "D:\Develop\nodejs\node_cache"
如果重置了npm安装路径,则需要修改环境变量:
==进入环境变量对话框
==在【系统变量】下新建NODE_PATH值为 "你的node安装路径\node_global\node_modules"
==在【用户变量】的Path中添加 "你的node安装路径\node_global"
可以使用淘宝镜像 通过cnpm 替代 提高一些插件的下载速度
npm install -g cnpm --registry=https://registry.npm.taobao.org
接下来进行vue-cli的安装
npm install vue-cli -g //全局安装vue-cli vue init webpack vue_project //创建vue项目 cd vue_project //进入项目目录 npm install //安装相应依赖 npm run dev //运行项目 默认打开浏览器 localhost:8080
仅用于记录学习,希望也能帮助正在学习的你!