刚开始接触vue.js,感觉还没入门就被一脚踹了出来。
以下是安装环境时踩过的坑的总结:
- 首先需要最新的node环境,看有的大牛的博客说只要node版本高于4.0就没问题。
如何检查node版本:在命令行窗口输入
node -v
如何更新node:
npm -g update
- 全局安装vue
npm install vue -g
- 全局安装vue的脚手架vue-cli
npm install -g vue-cli
- 本地用webpack模板创建项目, ** 注意:my-project为项目名称,且项目名称不能有大写字母**
vue init webpack my-project
- 跳转到项目根目录,也就是my-project里面
cd my-project
- 安装依赖模块node modules
npm install
也可以使用cnpm
cnpm install
- 如果以上操作都没有问题,执行以下语句
npm run dev
浏览器会自动打开,显示vue的欢迎界面。
- 如果显示node_modules missing,则是第六步安装错误。
- 如果还是有bug,检查一下8080端口有没有被占用,如果被占用,可以在config文件夹里的index.js更改端口。
- 我自己当时死活安装报错是因为文件路径不对,一定要看清什么时候在哪儿操作!!!