Javascript

使用脚手架创建vue项目

本文主要是介绍使用脚手架创建vue项目,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
使用脚手架创建vue项目

安装node.js(自由安装了node.js才能使用npm)

  • 下载地址:https://nodejs.org/zh-cn/download
  • 帮助文档:https://nodejs.org/zh-cn/docs

npm包管理器

  • npm是Nodejs平台的默认包管理工具,所以npm会随同NodeJS一起安装。可以根据配置package.json下载js库。类似于Java的maven。

  • 官方网站:https://www.npmjs.com/

vue-cli是什么

  • vue-cli是vue的命令行工具,只要按照官网敲几行命令就可以新建一个基本的vue项目框架。方便快捷。
  • vue-cli和webpack是什么关系:vue-cli 里面包含了webpack, 并且配置好了基本的webpack打包规则

安装vue脚手架 -->会生成一些基础的js文件(vue脚手架跟webpack无关联)

cnpm  install @vue/cli -g  		#这样会安装是最新版本

查看版本vue-V

使用脚手架创建项目

1、创建项目文件夹

2、在VS code(编辑器)中打开文件夹

3、使用脚手架vue-cli创建项目

vue create webpack VueBlog 		#在终端输入

4、创建成功后的目录

项目创建成功后

在http://localhost:8000中访问

终端输入vue ui

这篇关于使用脚手架创建vue项目的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!