vue脚手架安装及项目搭建
2018-12-23 本文已影响0人
灰灰_82a6
老版本vue-cli安装命令
vue init webpack 项目名
image.png
老版本Vue CLI 卸载
Vue目前最新的脚手架版本是3.x ，如果你的电脑目前还是1.x或2.x 。可以使用如下命令卸载 ：
npm uninstall vue-cli -g
注意 ：Vue CLI需要Node.js版本8.9或者更高版本，版本太低的需要更新一下node版本。
新版本Vue CLI 安装
使用如下命令安装新版本：
npm install -g @vue/cli
安装之后 ，使用如下命令查看版本：
vue --version
如果像下面这样显示3.x 版本 ，则安装成功。
image.png
创建一个简单的项目
使用如下命令创建项目：
vue create 项目名
例如如下：
image.png
在创建项目的过程中会让你选择项目的一些配置 ，例如上面的Babel + ESLint 。可以直接回车 ，使用默认的创建一个项目。
启动项目
创建好项目之后 ，进入项目根目录 。使用如下命令启动项目
npm run serve
启动后 ，在界面中可看到如何在浏览器访问：
image.png
使用http://localhost:8080/访问如果出现如下页面 ，说明配置成功了。
image.png
