vuevue.js安装教程

Posted 蓿苜

tags:

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

前提:已安装nodejs——npm  (备注教程  “物理安装”  )


第一步:建了一个managerSys文件夹,用于保存项目

第二步:从cmd进入该文件夹,之后开始安装vue.js相关

1)在该项目managerSys中安装npm(基于node.js,利用淘宝npm镜像安装相关依赖)

     接上步输入命令:    npm install -g cnpm --registry=https://registry.npm.taobao.org

2)安装全局vue-cli脚手架(用于帮助搭建所需的模板框架,可参照vue官网安装

     cnpm install --global vue-cli

     备注:安装后,检查是否安装成功 。vue -V (在此注意V为大写)

3)webpack模板 创建项目,(项目名叫“manager-sys”)注意项目名不能有大写

     vue init webpack manager-sys

4)以上步骤进行后会出现‘git’下的项,如图选择配置即可

    

5)项目安装依赖等,如上图标注,顺序输入命令 (用cnpm命令更快一些)

     ① 进入项目

         cd manager-sys

     ②安装项目所需依赖

        cnpm install

 

另 ③ cnpm  run dev  该命令用于  运行项目,(或浏览器输入 localhost:8080   打开本地服务器实时查看效果)

以上,vue.js安装成功!

 

ps:

1 ) 若运行后 / 浏览器打开之后,没有加载出页面,有可能是本地的 8080 端口被占用,需要修改一下配置文件 config>index.js

 

2 ) 退出监听命令是 ctrl+c ,选择Y

 

以上是关于vuevue.js安装教程的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js安装教程

Vue2基础

Vue2基础

什么是vue框架?

vue.js开发环境安装教程

Vue基础入门到项目实战教程 —— Vue.js下载与安装