• vue安装--使用node


    总结:

    # 全局安装 vue-cli
    $ npm install --global vue-cli
    # 创建一个基于 webpack 模板的新项目
    $ vue init webpack my-project
    # 安装依赖,走你
    $ cd my-project
    # 安装依赖

    
    
    
    
    
    $ npm install
    # 运行 $ npm run dev

    具体步骤:

    1.首先建立一个文件夹(禁止使用中文名),打开文件夹 ,按住shift+鼠标右键 ,选在此处打开命令行窗口

    2.如果没有安装node,则安装node

    3.安装完之后,在命令行输入 node -v 查看版本号;

     (1)node有自带的npm,进行全局命令安装 (npm install --global vue-cli)

     (2)----想安装速度快点,可以使用淘宝镜像如下

              ----命令提示符执行 npm install cnpm -g --registry=https://registry.npm.taobao.org

              安装完成淘宝镜像后输入 cnpm -v 查看其版本号;

            在命令行输入  cnpm install --global vue-cli;

    4.安装完成后 命令行输入 vue  -V  检查vue是否安装成功

    5.使用vue建立一个项目名为“my-project”

    ----注:vue-cli 的模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目,他的配置并不全放在根目录下的          webpack.config.js 中。

    ----webpack-simple 相对简单的,它根目录下才有个 webpack.config.js。

    vue init webpack my-project

    6.项目创建过程中,有如下选择,选择no   (该选项为使用ESLint规范你的代码,一个空格错误都将报错,不开启,可以避免不必要的麻烦)

    7.建立像猕猴,安装项目依赖 npm install 或者  cnpm install

    8.安装成功,项目目录下多出一个node_modules文件夹

    9.进入项目目录文件夹 (my-project),就可以使用vue进行项目开发了

    10.使用npm run dev 或者 cnpm run dev 便可以打开本地服务器实时查看效果(localhost:8080)

    11.初始效果

    12.退出监听,可以直接ctrl+c;

  • 相关阅读:
    visual studio 2019 企业版下载
    对IT战略的认识
    投融资,你了解吗?
    一品投资农副产品电商平台工作内容
    高明的决策和投资远比低效的勤奋更重要
    随笔
    思维方式的不同
    公司经营问题探讨
    盘点海口最好吃的西餐厅top10
    羽毛球运动技巧
  • 原文地址:https://www.cnblogs.com/qwert1/p/7582937.html
Copyright © 2020-2023  润新知