Vue.js项目的搭建

使用Vue框架编写前端页面步骤

1.安装vue-cli脚手架工具

• 打开命令行，输入指令 npm install -g vue-cli
• 安装成功后，可以查看版本号vue --version，如果看到那么说明安装成功

2.项目的搭建

• 在命令符中进入创建项目的目录下，输入vue init weback 项目名称
• 创建完成后，页面上就会出现下面的内容

Project name：项目名称
Project description：项目描述
Author：作者
Vue build：运行时与编译
Install vue-router?：是否安装路由？
Use ESLint to lint your code?：是否进行代码检测？
Setup unit tests with Karma + Mocha?：是否进行单元测试？
Setup e2e tests with Nightwatch?：是否进行端对端测试？

• 上面的填写的内容或选项可以考虑实际情况而定

3.最后项目搭建完毕后，用webstorm打开项目，在终端用 npm run dev运行，运行成功后会跳出localhost:8080的网页，点击就可以查看详细内容