Vue项目-启动与本机部署

1.安装node.js

Node.js安装包及源码下载地址为:https://nodejs.org/zh-cn/download/

验证是否成功:电脑win键+R---> 输入cmd--->版本号不一样没关系,输出结果为版本号就表示安装成功。

2.安装淘宝镜像---为啥 ? --> 快 !

在项目终端terminal输入命令行:

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

3.安装vue脚手架Vue-cli

终端输入:cnpm install -g vue-cli

4.安装NPM在项目中

终端输入:npm install

> NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

>  允许用户从NPM服务器下载别人编写的第三方包到本地使用。  允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 

> 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。*

NPM详细介绍可看++:----->  [NPM 使用介绍 | 菜鸟教程]

5.运行项目

终端输入:npm run serve

启动本地服务---Ctrl点击红框链接就可以看到自己的Vue项目啦~~

!注意是serve不是server嘿嘿因为我也经常写错~~~

6.如果想在Vue项目运行后自动打开浏览器预览

***(这步可做可不做哦~)***

设置如下:

打开config文件夹下的index.js文件

查找(Ctrl+FautoOpenBrowser更改配置为true

autoOpenBrowser: true,

以下是博主参与的Vue项目demo:

大屏数据可视化嘿嘿

关于如何讲项目打包放到Github与远程服务器的部署,我们下期再见~嘿嘿嘿

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容