zoukankan      html  css  js  c++  java
  • 初识vscode+vue

    一、使用vue开发的步骤:

    1.安装NodeJs环境 

    2.【安装cnpm】

    3.安装vue-cli官方的脚手架

    4.安装vue基于webpack的模板

    5.【安装工程所需包】

    6.【编译运行】

     7.【浏览器访问】

     二、具体步骤

    1.NodeJs安装

      NodeJs是基础,去官网下载一个较新版的安装。

    2.安装cnpm

      由于安装包的时候使用npm可能会因网络问题导致安装很慢,使用国服会快很多,所以最好安装cnpm。 (-g 是指全局安装)

    npm install -g cnpm

     

    3.官方vue-cli脚手架安装

      使用快捷键ctrl+~打开 Terminal集成终端

      输入以下命令 ,开始安装vue-cli

    npm install -g vue-cli

       然后等待安装完成

       还可以看到目录下多了这些文件:

      

    4.安装vue基于webpack的模板

      输入命令开始安装(项目名称必须小写,不然会报错):

    vue init webpack 项目名称(必须小写)

       以 vuedemo 为例,后面的可以一直回车,有些需要输入y/n;其中有一项会问要不要开始安装,如果回复no,后面就需要手动再执行安装命令,如下图所示:

    5.安装工程所需包

      接下来手动执行安装命令,如下图所示:  

    6.编译运行

    7.浏览器访问 

    三、使用过程中出现的问题

    1.安装vue-cli脚手架

      如果安装期间出现如下WARN,说明NodeJs版本太低,需升级后再安装。

    2.中文乱码问题

    这个乱码还真不知道是咋回事,也不是vscode字符集问题,这个就只能请高手不吝赐教了。

    四、

      vscode还是很好用的,vue安装虽然有些小问题,还是很轻松的安装好了。接下来就是开始操刀了。0.0

  • 相关阅读:
    Comparator
    Compare接口
    Predicate接口和Consumer接口
    Lambda表达式遍历集合
    Lambda表达式入门
    RansomNote
    FirstUniqueCharacterInString
    String All Methods
    形参个数可变的方法(...)
    springBoot excel导出 下载 超简单
  • 原文地址:https://www.cnblogs.com/qiaoge0923/p/10651000.html
Copyright © 2011-2022 走看看