本站消息

站长简介/公众号


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

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

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


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

2021-05(13)

2021-06(81)

2021-07(13)

2021-08(62)

2021-09(66)

1.起步-初始化Vue项目

发布于2021-06-08 04:19     阅读(1060)     评论(0)     点赞(27)     收藏(2)


需要使用到的环境以及开发工具:

1、Node(环境)

2、HbuilderX(开发工具)

1、环境检测

初始化Vue项目之前,需要先安装Node环境。

先检测是否安装Node

命令行输入:

  1. node -v
  2. npm -v

如果出现了版本号,那么就说明Node环境已经安装。

2、建立项目

打开HbuilderX,新建一个空项目。

在命令行打开此项目

安装创建一个基于 webpack项目

使用命令:

vue init webpack
  1. ? Generate project in current directory? Yes
  2. ? Project name five
  3. ? Project description A Vue.js project
  4. ? Author admin
  5. ? Vue build standalone
  6. ? Install vue-router? Yes
  7. ? Use ESLint to lint your code? No
  8. ? Set up unit tests No
  9. ? Setup e2e tests with Nightwatch? No
  10. ? Should we run `npm install` for you after the project has been created? (recommended) npm
  11. vue-cli · Generated "five".

等待下载完成。

3、运行测试

在HbuilderX中,打开命令行,运行测试项目是否成功。

出现标记中的文字,表示项目没问题,那么在浏览器输入http://localhost:8080或http://127.0.0.1:8080,这样就可以看见你的项目测试页面了:

这样一个基础的Vue项目就已经搭建完成,后面将会介绍项目的基本配置。




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

作者:西小口到了吗

链接:http://www.qianduanheidong.com/blog/article/123692/0a8fdcb8be354eb33716/

来源:前端黑洞网

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

27 0
收藏该文
已收藏

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