Vue环境的搭建

刚开始接触vue.js,感觉还没入门就被一脚踹了出来。

以下是安装环境时踩过的坑的总结:

  1. 首先需要最新的node环境,看有的大牛的博客说只要node版本高于4.0就没问题。
    如何检查node版本:在命令行窗口输入
    node -v
    如何更新node:
    npm -g update
  2. 全局安装vue
    npm install vue -g
  3. 全局安装vue的脚手架vue-cli
    npm install -g vue-cli
  4. 本地用webpack模板创建项目, ** 注意:my-project为项目名称,且项目名称不能有大写字母**
    vue init webpack my-project
  5. 跳转到项目根目录,也就是my-project里面
    cd my-project
  6. 安装依赖模块node modules
    npm install
    也可以使用cnpm
    cnpm install
  7. 如果以上操作都没有问题,执行以下语句
    npm run dev
    浏览器会自动打开,显示vue的欢迎界面。

  • 如果显示node_modules missing,则是第六步安装错误。
  • 如果还是有bug,检查一下8080端口有没有被占用,如果被占用,可以在config文件夹里的index.js更改端口。
  • 我自己当时死活安装报错是因为文件路径不对,一定要看清什么时候在哪儿操作!!!
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容