vue.js环境搭建

1.安装node.js，直接点击下一步进行安装。

安装完成可以通过命令：

node -v

npm -v

出现上图表示安装成功

2.安装淘宝镜像

npm install -g cnpm –-registry=https://registry.npm.taobao.org

为什么要安装cnpm，因为npm在国内基本上不能使用，当年年少无知用npm安装整晚！安装cnpm之后，所有npm命令都可以使用cnpm代替

3.安装vue-cli

cnpm install -g vue-cli

等待安装，安装完成之后，输入命令：

vue -V

出现版本号，恭喜你安装成功。

4.创建项目

假如文件夹D:\code，首先切换到文件夹，如图

创建命令：

vue init webpack hello_vue

一路回车就可以了，感兴趣的可以研究一下每一步的意思，如图：

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

5.安装依赖，感觉像maven，通过配置文件下载依赖包，放在node_modules文件夹内，具体步骤：

切换到项目文件内

cd D:\code\hello_vue

安装依赖命令

cnpm install

6.测试是否成功

cnpm run dev

成功，默认浏览器打开网页。

7.打包

cnpm run build

文件夹下多出dist文件，如图

里面就是打包好的网页啦，在服务器上发布就可以啦！（编辑器真不好用）