vue的配置环境篇

Posted zxcc

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue的配置环境篇相关的知识,希望对你有一定的参考价值。

1.电脑已经安装的nodejs和webpack。

2.1)打开cmd。win+r。可以直接输入node -v查看版本。安装淘宝镜像  npm install -g cnpm --registry=http://registry.npm.taobao.org ,安装成功可以查看下,cnpm -v

技术分享图片

技术分享图片

3.安装vue脚手架,输入命令:npm install --global vue-cli 等待安装成功。输入vue检测是否安装成功。

技术分享图片

4.新建一个项目,输入命令:vue init webpack  项目名称.等待配置好就行。下边是已经弄好的文件夹,里边好多东西~~

技术分享图片技术分享图片

5.打开项目,安装依赖,输入指令:cnpm install

技术分享图片

6.运行项目 :cnpm run dev                          下边出现localhost端口号就可以了~就可以运行自己的新项目了

技术分享图片

技术分享图片

 

以上是关于vue的配置环境篇的主要内容,如果未能解决你的问题,请参考以下文章

详解Vue前端生产环境发布配置实战篇

前端vue.js环境配置以及实例运行简明教程

vue技术入门篇

vue项目环境的搭建

[万字逐步详解]使用 webpack-dev-server + ESLint 配置 vue 项目的开发环境

@vue/cli3+配置build命令构建测试包&正式包