创建Vue程序

创建Vue程序

使用VUE-CLI创建项目

vue create real-word-v1 # 工程名

可以通过选项自动配置工程和依赖,下面只是一种选择:

  1. 选择通过手工选择特性

    image-20220123222043796

  2. 选择基础模块,这里再默认的选线外勾选上Router和Vuex

    image-20220123222152956

  3. 选择vue版本,我们这里选择3.x

    image-20220123222253336

  4. 配置history mode for router以及选择linter / formatter

    image-20220123222745034

    然后回车(默认选择Lint on save),然后再回车(默认选择In dedicated config files)

等待CLI自动解决依赖以及自动配置,直到提示成功:

image-20220123225233743

然后我们根据提示进入工程目录,执行npm run serve启动程序:

cd real-word-v1
npm run serve

image-20220123225428538

现在我们在浏览器中访问即可。

使用VUE-UI创建项目

还可以通过VUE-UI创建项目,我们只需要在命令行输入vue ui即可。vue-ui会立即启动一个http程序,并打开浏览器访问该程序。我们可以在浏览器中创建项目、配置项目、安装插件、启动项目以及资源监控。

image-20220123230301392

posted @ 2022-01-23 23:18  司英成·Owen  阅读(77)  评论(0编辑  收藏  举报