Vue2.0搭建脚手架(vue-cli)
安装node.js
从node官网下载并安装node,安装只要一路“next”就可以了。 安装完成后,打开命令行工具输入命令node -v,如下图,如果出现对应版本号,就说明安装成功了。 —— [ node 官网]
安装vue-cli脚手架构建工具
vue-cli 提供一个官方命令行工具,可用于快速搭建大型单页应用。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目
快捷键Ctrl+r打开命令行工具,输入cmd后回车,在命令行下操作:
npm install –g vue-cli
创建一个名字为‘my-project’的新项目
要创建项目,首先我们要进你想创建的目录下,然后再命令行中把目录转到选定的目录。(需要注意的是项目的名称不能大写,不然会报错。)使用:
vue init webpack my-project
一路回车出现:
然后Y N N N(后面三个我选的是否,这些都看你自己个人的情况) 回车 等待几分钟。如下
这是已经建立完成的页面
若想初始化该项目,则使用:
vue init webpack-simple my-project
启动项目
打开命令行工具进入该项目目录文件下,使用:
cd my-project
npm run dev
如果看见这个界面就是成功了