用vue-cli初始化vue项目

Posted 2020-10-18 Cythina_kk

1.安装node环境

使用node -v 检查你的node版本号，如果出现版本号则表示你的node环境安装成功；

2.安装vue-cli

$ npm install -g vue-cli 

安装成功之后，我们可以对我们的项目起一个名字

$ vue init webpack myFirstVue

其中webpack是指模板名称，模板名称有webpack，webpack-simple ，browserify ，browserify-simple ，simple，而我们这里使用的是webpack。myFirstVue指的是项目名称。

然后再根据指示把作者、密码等一些基本信息填写进去

3.运行vue

cd myFirstVue:进入这个项目中

npm install：安装

npm run dev：运行

运行完成之后会出现以下界面：

如果把http://localhost:8080/放在浏览器中打开，就会出现我们这个项目的首页：

出现以上界面，就代表我们已经完成第一步了，然后你可以仿照这个写一个简单的页面了。