• 【vue】vue.js安装教程/vue项目搭建


    前提:已安装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

  • 相关阅读:
    JQ_简单版图像点击切换(不是无缝)
    CSS_最简单,最难的对齐,以及其他
    JS_简单无缝图片滚动
    baiduMap
    JS_cookie
    JQ_简单图片无缝滚动
    JS_Flash调用函数
    高性能WEB开发(6) web性能测试工具推荐
    字符编码笔记:ASCII,Unicode和UTF8
    MIME
  • 原文地址:https://www.cnblogs.com/smilexumu/p/7813712.html
Copyright © 2020-2023  润新知