Vue2.0搭建脚手架(vue-cli)

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


如果看见这个界面就是成功了

猜你喜欢

转载自blog.csdn.net/weixin_41997724/article/details/82623030