vue.js 环境搭建

1、先安装node.js 安装官网最新的即可 版本应该要大于6.0版本

nodejs的官网:https://nodejs.org/en/

2、安装成功后,查看PC 命令行工具:

查看版本信息: node -v

如图:
vue.js 安装及环境搭建

3、安装淘宝镜像:

npm install -g cnpm –-registry=https://registry.npm.taobao.org
安装cnpm之后,所有npm命令都可以使用cnpm代替

4、安装vue-cli:

cnpm install -g vue-cli
等待安装,安装完成之后,输入命令:

vue -V
出现版本号 恭喜你安装成功~

5、创建项目:

创建命令:

vue init webpack test_vue

如图:
vue.js 安装及环境搭建
看一下D:\test_vue,多出文件夹 test_vue,文件夹内文件如图:
vue.js 安装及环境搭建

5、安装依赖,下载依赖包放在node_modules文件夹内,具体步骤:

npm install

6、测试是否成功:

npm run dev

正常能打印出 : http://localhost:8080
成功!!!默认浏览器打开。。。

7、打包:

npm run build

文件夹下多出dist文件,即为成功!

里面就是打包好的静态文件,在服务器上发布就可以啦!

相关文章: