Vue.js项目搭建

第一步:安装vue-cli脚手架工具

1、打开命令行工具,输入指令

  npm install -g vue-cli

2、安装成功后,可以查看版本号

vue --version

3、如果可以查到 那么说明安装成功

第二步:项目的搭建

1、进入创建项目的目录下,使用命令行工具,输入

vue init wepack 项目名称

2、创建完成后,我们就可以看到下面这波操作

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运行,看到

第四步、搭建完毕

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • # 一、框架概述 # 课程概述 1. laravel 4天(之前TP框架还是很大的区别)(国外框架) 2. 在线教...
    关进一阅读 413评论 0 0
  • # 信息系统前沿课--范老师授课 #第二次作业## 一、重新使用Markdown ##熟悉语法,了解Markdow...
    thought_10c7阅读 784评论 0 0
  • 【综合】【账号】13831953942-13930914646-13930914564【账号】【串号验证】8699...
    5a15944f1ba2阅读 513评论 0 1
  • 【综合】【学校教育】{办公文档}http://www.jianshu.com/p/82aba897d1eb{办公文...
    5a15944f1ba2阅读 624评论 0 1
  • 【综合】【账号】13831953942-13930914646-13930914564【账号】【串号验证】8699...
    5a15944f1ba2阅读 554评论 0 4