美文网首页
六步搭建vue脚手架

六步搭建vue脚手架

作者: 陈大事_code | 来源:发表于2019-04-28 16:03 被阅读0次
    1. 安装node.js安装git,自己去下载安装。

    必须安装node.js,不然下面的npm用不了。
    下载git主要使用它的git bash here功能,比较方便。

    1. npm install vue

    到你需要放置脚手架的文件目录下,鼠标右击,选择git bash here,打开命令行界面,输入该命令。
    vue的脚手架嘛,肯定要安装vue的

    1. npm install vue-cli -g

    继续在该界面,全局安装脚手架工具。

    1. vue init webpack my-project

    继续在该界面,初始化脚手架。其中my-project是项目名,随便你叫什么。举个栗子,你要创建个项目叫test,那就是 vue init webpack test
    敲完该命名之后,等会儿会出现一大串需要你确认的东西。类似 .....(Y/N)不用管它,直接一直回车就ok。

    1. npm install

    这步是安装该项目需要的依赖包,node_modules文件夹,如果第4步的结束之后已经出现了这个文件夹,就代表初始化项目的时候已经帮你安装好需要的依赖包了。

    1. npm run dev

    运行项目。输入命令之后,等待项目构建完毕,会出现一个网址,打开这个网址就可以了。
    坑点:如果运行失败,大部分是因为没有在项目的根目录下运行。

    正常构建完的项目结构如下:
    项目构建图.png

    相关文章

      网友评论

          本文标题:六步搭建vue脚手架

          本文链接:https://www.haomeiwen.com/subject/ektjnqtx.html