本站消息

站长简介/公众号


站长简介:高级软件工程师,曾在阿里云,每日优鲜从事全栈开发工作,利用周末时间开发出本站,欢迎关注我的微信公众号:程序员总部,程序员的家,探索程序员的人生之路!分享IT最新技术,关注行业最新动向,让你永不落伍。了解同行们的工资,生活工作中的酸甜苦辣,谋求程序员的最终出路!

 价值13000svip视频教程,前端大神匠心打造,零基础前端开发工程师视频教程全套,基础+进阶+项目实战,包含课件和源码

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

2021-01(89)

2021-02(2572)

2021-03(409)

2021-04(170)

2021-05(167)

VUE 创建vue项目和开启脚手架

发布于2021-10-19 21:18     阅读(1039)     评论(0)     点赞(19)     收藏(4)


安装vue-cli脚手架

  1. yarn global add @vue/cli
  2. # OR
  3. npm install -g @vue/cli

 

1.创建新的vue项目

vue create 文件名

2.开启脚手架 运行项目

yarn serve 或 npm run serve

  1. vuecil-demo # 项目目录
  2. ├── node_modules # 项目依赖的第三方包
  3. ├── public # 静态文件目录
  4. ├── favicon.ico# 浏览器小图标
  5. └── index.html # 单页面的html文件(网页浏览的是它)
  6. ├── src # 业务文件夹
  7. ├── assets # 静态资源
  8. └── logo.png # vue的logo图片
  9. ├── components # 组件目录
  10. └── HelloWorld.vue # 欢迎页面vue代码文件
  11. ├── App.vue # 整个应用的根组件
  12. └── main.js # 入口js文件
  13. ├── .gitignore # git提交忽略配置
  14. ├── babel.config.js # babel配置
  15. ├── package.json # 依赖包列表
  16. ├── README.md # 项目说明
  17. └── yarn.lock # 项目包版本锁定和缓存地址

@vue/cli 自定义配置

  1. /* 覆盖webpack的配置 */
  2. module.exports = {
  3. devServer: { // 自定义服务配置
  4. open: true, // 自动打开浏览器
  5. port: 3000
  6. }
  7. }

eslint

手动解决掉错误, 以后项目中会讲如何自动解决

  1. module.exports = {
  2. lintOnSave:false
  3. }

原文链接:https://blog.csdn.net/zengxingX/article/details/120831838




所属网站分类: 技术文章 > 博客

作者:我喜欢css

链接:http://www.qianduanheidong.com/blog/article/203794/3f376aaa97a1636cc0fe/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

19 0
收藏该文
已收藏

评论内容:(最多支持255个字符)