zoukankan      html  css  js  c++  java
  • vue2.0环境搭建

    vue2.0环境搭建(适合windows)

    一、安装node.js 和 npm

      node安装  戳这里

      新版的node集成了npm  ,测试是否安装可以输入下面指令

    npm -v

    二、安装webpack 和 vue-cli

    1.安装 webpack

    npm install webpack -g

     验证

    webpack -v

    2.  安装 vue命令环境

    npm install vue-cli -g    

     然后验证查看版本,有则表示成功。

    vue --version

    3.  使用模板生成项目文件   

         模板可选  webpack / webpack-simple ( 与前者相比少了检查代码规范单元测试 )

          以下,以webpack初始化一个vue-test的vue项目文件夹

        建议: 在一个指定路径下创建项目

        方法: 在指定文件夹上按住shift键不要松开,再点击鼠标右键  --> W ( 在此处打开命令窗口 ) ,再执行以下操作,就会在指定文件夹下面生成vue模板文件。

    vue init webpack vue-test

      运行过程中有几个地方会停下来让选择输入,如下:

        Project name   vue-test   <---  名字随便取

        Project description   xxxxxx    <---  描述随便写

        Author   <---  作者随便写

        Vue build   <---  build模式推荐 standalone (按回车即可)

        Use ESLint to lint your code?    <---  语法检测,强迫症选No

        接下来的单元测试啥的直接NO吧       (以上随便写的地方不要出现中文

    4.  安装项目依赖

    npm install

    5.   运行项目。也直接打开localhost:8080

    npm run dev

    6.   打包上线 

    npm run build
  • 相关阅读:
    自我介绍 x
    第一次作业 x
    第二次作业 x
    第三次作业 x
    [C#] 用一种更优美的方式来替换掉又多又长的switchcase代码段
    通过设置光标形状实现拖拽控件时跟随一张透明图片的效果
    spring 入门笔记(一)
    PAT IO01. 表格输出(5)
    Maven 安装记
    华为机试 求最大三位数
  • 原文地址:https://www.cnblogs.com/hcxy/p/7112309.html
Copyright © 2011-2022 走看看