准备:创建vue项目需要借助npm
去官网下载node.js : https://nodejs.org/zh-cn/
Node.js是一个构建在谷歌V8引擎的js运行环境。Node.js的事件驱动、非阻塞IO模型使其轻量、高效。
npm是Node.js的包管理系统,是全世界最大的开发库生态系统。
创建vue项目:
(1) window+r cmd 进入命令行工具 npm install -g vue-cli 全局安装vue-cli脚手架
(2)进入想安装的文件路径 vue init webpack xxx //为项目名称 直接下一步下一步安装
(3)cd xxx // 进入项目
(4)npm run dev //执行
遇到问题:
(1) vue 不是内部或外部命令
原因:下载了vue之后,vue.cmd 没有在全局环境中
找到nodejs安装路径,找到下载的vue.cmd的路径,进行配置环境变量
我的电脑→属性→高级系统设置→环境变量→path→编辑→新增,(记住要点确定哦)
window+r cmd 输入 vue -V 出现版本信息,配置成功
(2) webpack-dev-serve不是内部或外部命令
1. 在创建的项目下删除node_modules这个文件
2.npm install
3.npm run build
4.npm run dev
(3)遇到npm install卡顿
找到你的npman安装路径下的npmrc文件
修改为:prefix=${APPDATA}\npm
registry=http://registry.cnpmjs.org (相关于增加一行代码)