vue.js学习记录

1、安装node.js和npm：

    一开始我在官网下载源码安装，但是在编译时一堆的waring，导致最终安装失败。

    后来我选择已经编译好的包：

解压方法：首先 xz -d xxxx.tar.xz  会生成 .tar包；然后tar -xf xxx.tar

解压后的内容是已经编译好的，可以将其移动到制定的目录中。

然后在bin目录下会看到有node、npm、npx三个文件，将node和npm做软连到 /usr/local/bin下

ln -s /xxx/xxx/bin/node /usr/local/bin

ln -s /xxx/xxx/bin/npm /usr/local/bin

为加快npm安装速度，可以使用阿里的cnpm代替npm，用npm全局安装cnpm：

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

还有其他方法，参考官网：https://npm.taobao.org/

注：安装完后会发现，cnpm不能使用，会报没有发现此命令的错误，发现cnpm被安装在之前解压的nodejs/bin下，因此需要将此目录添加到系统环境变量中：

    永久添加：在/etc/profile文件中添加

    PATH=$PATH:/usr/local/nodejs/bin

    export PATH

    然后执行：source /etc/profile 使其立即生效，或者直接重启系统生效

2、安装vue:

    首先安装vue-cli，vue的脚手架，提供了vue的常规结构和环境。

    命令：进入到根目录执行：

            cnpm install vue-cli -g

            创建项目：vue init webpack vue_test（项目名），根据提示信息进行选择安装或直接默认即可；

            安装依赖：cnpm install

            调起服务进程：cnpm run dev  注：不要ctrl+c关掉进程

            然后可通过：localhost:8080访问到vue欢迎页

    我再虚拟机进行的测试，如果需要远程访问，需要修改如下配置：

    

            将host改为0.0.0.0，然后关掉服务进程，重新cnpm run dev ，然后可以通过 ip:8080的方式访问到