Vue 环境搭建&初始化一个空项目

一、安装Vue
npm install vue

二、安装 vue-cli
npm install -g @vue/cli

vue-cli 是 Vue 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。

三、初始化一个 simple 项目
vue create my-vue-demo
输入上方命令后,会弹出一个选项,使用上下按键可以进行选择,
在这里插入图片描述
这里我们选择 default 就行。之后会自动生成一个空的初始化项目,包含了项目目录、以及项目依赖的脚本。
安装成功后,我们可以看到如下信息:
Vue 环境搭建&初始化一个空项目_第1张图片
四、本地运行项目

cd my-vue-demo
npm run serve

Vue 环境搭建&初始化一个空项目_第2张图片
浏览器输入http://localhost:8080/,就可以让这个空的项目在本地跑起来

五、构建一个 非 simple 项目
首先构建一个空的项目 vue create my-vue-pro-demo
这次我们选择 Manually select features
然后,按空格选择如下3项,回车,
在确认项中输入 y
Vue 环境搭建&初始化一个空项目_第3张图片
选择 eslint 的配置
Vue 环境搭建&初始化一个空项目_第4张图片
然后让这个空的项目就可以在浏览器上跑起来。

你可能感兴趣的:(Vue)