`

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/

 

 

  • 大小: 6.3 KB
1
0
分享到:
评论
1 楼 蕃薯耀 2018-11-28  
Vue.js安装脚手架,Vue.js安装vue-cli

=========
蕃薯耀

相关推荐

Global site tag (gtag.js) - Google Analytics