1.安装CLI
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过卸载它:
npm uninstall vue-cli -g
卸载完旧版本之后就可以安装了:
npm install -g @vue/cli
2.创建项目
选择好项目存放的目录,打开终端输入以下命令创建项目(不能有大写字母):
vue create helloworld
首先需要你选择一个preset,第一个为默认,适合快速创建项目的原型,这里我们直接回车选择第一个就好:
项目创建成功后效果如下:
3.启动项目
参考创建结果,进入项目目录启动项目即可:
cd helloworld
npm run serve
项目启动成功后效果如下:
浏览器访问 http://localhost:8081/,可以看到项目已经成功运行: