程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

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


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

1.起步-初始化Vue项目

发布于2021-06-08 04:19     阅读(1542)     评论(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个字符)