vue.js环境搭建详解

来源:互联网 发布:软件行业的外包 编辑:程序博客网 时间:2024/05/01 09:12

1.需要安装node.js,详细步骤      http://www.runoob.com/nodejs/nodejs-install-setup.html

2.安装好node之后,因为npm在国内的时候会很慢,所以推荐安装淘宝的镜像,用cnpm来代替npm,

打开cmd直接输入:

npm install -g cnpm --registry=https://registry.npm.taobao.org
之后回车,等待进行安装,具体的地址可以查看网页: http://npm.taobao.org/

3.在cmd里输入  :cnpm install -g vue-cli  回车,进行安装

   安装之后可以出入vue回车查看信息,如果有证明成功

4.之后需要创建项目,在cmd里输入:vue init webpack vue_test(项目文件夹名),项目文件夹名字可以进行修改


5.之后就可以在对应的路径下查看到我们新创建的文件夹,里面有一个新的项目,但是现在还不能运行,需要添加依赖

6.添加依赖

在cmd里输入:cd fisrt(项目名),回车,需要进入到具体项目文件夹才能进行操作
之后在输入:cnmp install,回车,等待依赖下载完成,

这里说一下,我这里是输入cnmp install是无法下载的,结果需要把当前的cmd窗口关闭之后,重新打开cmd进行到路径下,执行cnmp install才可以的,要是其他人是可以直接下载就直接略过这句话。

之后我们会发现项目文件里多了node_modules这个文件夹,这个文件夹就是依赖的部分。


7.就是对项目进行运行查看,不过项目运行的时候,我出现了这个问题,nmp的升级问题


具体解决可查看这个文章  http://www.cnblogs.com/webph/p/6261727.html

强调一下的是npm install npm@latest -g 这句命令行就是升级到最新版的npm

如果没有遇到同类问题的,可以自行忽略。

8.开始测试是否能够运行成功

    在cmd里输入:cnpm run dev ,之后在浏览里输入:localhost:8080(默认端口为8080)



到此环境就安装成功了。


0 0