vue环境搭建——菜鸟

1.下载node.js,不要问为什么,我也不知道......

        http://nodejs.cn/

2.安装node.js一直下一步即可,直到install

3.打开window+R命令窗口,输入cmd回车确定

        node -v

确认node是否安装成功

4.安装淘宝镜像,输入命令

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

    时间较久,需耐心等待......

5.命令行输入

        npm -v

确认安装是否成功

    如果看到版本号,说明安装成功

6.安装vue-cli脚手架,输入命令:

        cnpm install --global vue-cli

            或

        npm install @vue/cli -g

        安装成功后,输入vue确认是否安装成功

确认vue安装完成

7.新建或使用已有项目,无论是哪个,都必须确认所在目录,否则会导致在cnpm run dev运行的时候报错。

在此目录下,输入命令

          vue init webpack test        //test是项目名称

之后就一直回车,直到出现是否要安装vue-route,这个我们在项目要用到,所以就输入y 回车   

下面会出现是否需要js语法检测,这个我们暂时用不到,就可以直接输入no,后面的都可以直接输入no,都是我们暂时用不到的

8.进入到项目中,因为各个模板之间都是相互依赖的,所以现在我们要安装依赖,输入命令

        cnpm install 或 npm install

确认安装成功

9.一切环境依赖安装准备就绪,我们来测试一下自己新建的vue项目的运行情况,输入命令:

        cnpm run dev 或 npm run serve

直接回车。会弹出一个浏览器访问地址默认为localhost:8080。(我将地址修改为8081进行访问)

10.基础环境搭建成功......

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容