Vue.js安装脚手架，Vue.js安装vue-cli

Vue.js安装脚手架，Vue.js安装vue-cli

 

================================

©Copyright 蕃薯耀 2018年11月27日

http://fanshuyao.iteye.com/

 

一、使用npm命令需要先安装nodejs

 

下载地址：https://nodejs.org/en/

 

安装后打开Cmd，输入命令：node --version查看是否安装成功。（安装时自动在系统路径path增加D:\0soft\nodejs\环境变量）

 

二、编译vue-cli

1、在目录D:\0soft\vue-cli-dev的地址栏直接输入cmd运行

然后复制下面的命令执行编译：

npm install -g vue-cli

 

2、编译完成后输入命令vue --version 检查vue-cli是否编译安装成功

 

3、打包运行

输入下面的命令：

vue init webpack vue_demo

 

打包完成后出现下面的信息：

To get started:

  cd vue_demo

  npm run dev

 

我们按照提示的信息输入命令执行，然后出现下面的提示信息：

 

Your application is running here: http://localhost:8080

 

 

4、在浏览器打开：http://localhost:8080进行验证是否启动。

 

5、以后运行可以直接进入D:\0soft\vue-cli-dev\vue_demo运行cmd命令，然后输入npm run dev运行项目。

 

 

6、端口号修改：D:\0soft\vue-cli-dev\vue_demo\config\index.js，dev也是在这个文件声明的。

 

 

 

================================

©Copyright 蕃薯耀 2018年11月27日

http://fanshuyao.iteye.com/