vue-cli项目创建步骤

vue-cli项目创建步骤:

1cmd打开命令行窗口

2、输入cnpm install vue-cli -g,然后回车等待(想在哪个目录建立vue项目就要在进入到对应目录再输入命令)

3、安装结束后输入vue 如果显示版本号继续下一步操作

4、运行vue init webpack demo(注:项目名称)回车。(注:本创建方式仅适应vue-cli2.x版本及以下)

5、显示Project nanme 目录名 回车 project description 后面可以写上描述,或者直接回车

Author 后面可以写作者也可以回车

6Install vue-router? 选择Y

7User ESLint to lint your code? Y

8Setup unit tests with Karma + Mocha? 问的是否要测试 选n

9Setup e2e tests with Nightwatch? n

10、这个时候在你创建的目录下就有你的目录了,然后cd 你的目录名进去npm install回车等待,这一步是安装依赖的,安装完成后会在项目文件夹下自动生成node-module文件来存放安装的依赖文件,如果这个文件夹没有那么项目是没办法运行起来的

11、创建结束后在创建目录里面按住shift+右键 选择 在此处打开命令窗口 输入npm run dev启动应用,启动成功它会自动打开一个vue页面,项目创建成功。

 

官网地址:https://cli.vuejs.org/zh/

posted @ 2019-08-01 10:57  飞天狼  阅读(533)  评论(0编辑  收藏  举报