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/

猜你喜欢

转载自fanshuyao.iteye.com/blog/2434371