Vue-cli创建项目

Vue-cli创建项目

引言

这里我用的编辑器是 Visual Studio Code .

准备

  1. 使用node.js创建vue工程
    安装vue脚手架
    npm install –global vue-cli

  2. 首先需要搭建vue项目.
    使用vue-cli搭建项目框架 : vue create 项目名
    Vue-cli创建项目
    等待
    Vue-cli创建项目
    这里我们选择第二项,如上图
    继续
    Vue-cli创建项目
    这里是选择一些预加载项,我们一般只选择Babel、Router、Vuex (注:空格键是选择,回车是确认进入下一步),如上图
    继续
    Vue-cli创建项目
    这里是问你是否使用 History Mode 的路由,其实就是路径上面是否出现 #
    这里其实不需要深究,直接回车就好(默认Yes)
    下一步
    Vue-cli创建项目
    这里是依赖的位置,选择第二项就好
    下一步
    Vue-cli创建项目
    是否保存设置
    这里我选择了默认(No),回车下一步
    Vue-cli创建项目
    别急,就快完成了,这里需要等一会哈
    Vue-cli创建项目
    Look! 终于创建好了
    接下来我们按步骤
    先切换到项目所在位置下 cd demo_t01
    运行项目 npm run serve
    Vue-cli创建项目
    Vue-cli创建项目
    如上图,恭喜你,vue项目就创建完了