vue的脚手架vue-cli的安装使用

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 

 

仅用于记录学习，希望也能帮助正在学习的你！

转载于:https://www.cnblogs.com/ITQB/p/9964827.html