首先来搭建项目吧。(node环境就不用说了 肯定要的)

使用vue-cli、webpack来搭建项目

全局安装webpack、vue-cli。如果要跟着这篇学习  请更新一下webpack、vue-cli。越新越好用嘛。哈哈

npm install webpack -g

npm install -g vue-cli

vue init webpack your-vue        //开始搭建项目

Vue基础第一篇 - 搭建项目

如果你不小心开启了ESlint。可以去build文件夹下的webpack.base.conf.js文件里面删除下面红框里代码,然后重新启动服务。

Vue基础第一篇 - 搭建项目

新版的vue-cli好像是直接就下载了node_modules

cd your-vue

npm install //如果没有下载node_modules。这是一个漫长的过程

npm run dev

浏览器打开localhost:8080

ok 当你看到vue的巨大logo 就表示 项目搭建好了。

我这样来管理项目文件,请看下图

Vue基础第一篇 - 搭建项目


博友们。这一篇就到这里吧。PS:老板叫我去改bug了。

接下来我会把vue项目实战、优化的经验跟大家继续分享。

github地址:https://github.com/beitafive/study-vue

相关文章:

  • 2021-08-05
  • 2021-07-03
  • 2021-12-29
  • 2022-01-16
  • 2022-12-23
  • 2021-08-18
  • 2021-08-21
猜你喜欢
  • 2021-07-07
  • 2021-10-31
  • 2021-09-17
  • 2021-08-24
  • 2021-03-30
  • 2022-12-23
相关资源
相似解决方案