六步搭建vue脚手架

2019-04-28  本文已影响0人  陈大事_code
  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
上一篇下一篇

猜你喜欢

热点阅读