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的方式访问到

    

阅读更多
文章标签: vue.js vue npm
个人分类: vue.js
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭