vue.js 安装及环境搭建

vue.js 环境搭建

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

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

2、安装成功后，查看PC 命令行工具：

查看版本信息： node -v

如图：

3、安装淘宝镜像：

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

4、安装vue-cli：

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

如图：出现版本号 恭喜你安装成功~

5、创建项目：

创建命令：

vue init webpack test_vue

如图：

看一下D:\test_vue，多出文件夹 test_vue，文件夹内文件如图：

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

npm install

6、测试是否成功：

npm run dev

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

7、打包：

npm run build

文件夹下多出dist文件，即为成功！

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