Vue项目-启动与本机部署

1,656 阅读1分钟

1. 安装node.js

Node.js安装包及源码下载地址为:nodejs.org/en/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+F)autoOpenBrowser更改配置为true

autoOpenBrowser: true,

--------------------------------------------------------------

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

github.com/Carolinalin…

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