vue-cli安装

1、安装node.js

2、自定义空文件夹,名字随便

3、打开文件夹,cmd运行

4、全局安装 vue-cli:输入npm install --global vue-cli,或cnpm install --global vue-cli

5、创建一个基于 webpack 模板的新项目:vue init webpack my-project,( my-project )为文件名,注意的是,提示Use Eslint ti init your code?的时候,选择n,否则,后面的项目,会提示语法报错,虽然无伤大雅,但控制台看着一大堆报错,很难受,其他选项,均为默认就行

6、cd my-project,打开创建的my-project,运行:cnpm install,成功以后,运行:cnpm run dev打开项目

至此,vue-cli 项目,框架已创建完成。

浏览器地址栏输入:http://localhost:8080/#/,即可以看到vue项目。

 

cnpm使用之前,先用命令行:cnpm -v查看,cnpm是否已经安装。

此例子,是为在node.js,webpack,cnpm已创建情况下运行的,

posted @ 2018-11-15 10:40  小蘑菇123  阅读(130)  评论(0编辑  收藏  举报