vue-cli2.0项目的搭建

1.第一步:安装vue-cli

命令行输入cmd或按住shift鼠标右键打开powershell

输入命令 

npm install --global vue-cli 按enter键

 

2.第二步:创建项目

在要创建项目的目录下输入以下命令

vue init webpack projectName(其中projectName为要创建的项目名称)

按下enter键

然后终端会出现下图“一问一答”模式,如图:

vue-cli2.0项目的搭建_第1张图片

 

这里有几个需要说明一下,没说明的直接回车选择默认

“Project name”:这个是项目名称,默认是输入时的那个名称,想改的话直接输入修改,也可以直接回车

“Install vue-router”:是否需要vue-router,这里默认选择使用,这样生成好的项目就会有相关的路由配置文件

“Use ESLint to lint your code”:是否使用ESLint,刚才说了我们这个项目需要使用所以也是直接回车,默认使用,这样会生成相关的ESLint配置

“Setup unit tests with Karma + Moch?”: 是否安装单元测试。我们现在还没有单元测试

“Setup e2e tests with Nightwatch”:是否安装e2e测试,这里我也同样选择的是“N”。

最后会提示选择管理工具,选择npm或yarn都可以,两者的指令有所不同,这里就选择npm

初始化完成后按照提示进入项目目录,输入 npm run dev启动项目

vue-cli2.0项目的搭建_第2张图片

 

转载于:https://www.cnblogs.com/thinkguo/p/11316634.html

你可能感兴趣的:(vue-cli2.0项目的搭建)