使用脚手架创建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