脚手架的安装:

脚手架的安装:

2.X版本的脚手架

3.X和4.X版本的脚手架

脚手架:

​ 已经准备好的模板,在里面写内容;

安装vue首先我们得安装webpack,我们首先从2.x版本开始安装脚手架,然后再安装3.X版本

安装webpack

npm i webpack-cli -g   //安装webpack,搭建相关的环境

安装时候出现问题卸载

npm uninstall webpack-cli -g

接下来安装 vue-cli (vue脚手架)

cnpm i vue-cli -g  //创建2.X  vue脚手架的环境

创建2.X脚手架的项目

vue init webpack 项目名字

ESLint 是否使用严格模式

2.X脚手架运行项目的指令

npm run dev

接下来安装脚手架3.0,需要使用一个工具衔接

安装衔接工具:

npm install  @vue/cli-init -g

然后直接创建3.X以上的版本的脚手架

vue create 项目名字

3.X启动项目的指令

npm run serve

如果启动视图

vue UI

脚手架的分析讲解:

node-module:里面保存的是我们需要包的依赖包

脚手架3.0和2.0的区别在哪:

3.0有图形界面 vue ui

3.0的public代替了2.0的static专门存储静态文件

vue脚手架3.0的分析:

src:资源

public是公共资源

标签

评论