zoukankan      html  css  js  c++  java
  • vscode+vue 一些基本操作

    1.安装好 vscode 和 node.js 安装node.js是为了用npm(管理项目依赖)

    2.调出终端 crtl +~ ,

    3.终端全局安装 vue-cli  安装整个脚手架,能快速给我们构建vue项目

    安装命令:npm install -g vue-cli

    4。终端安装webpack包,用来打包js工具.

    安装命令:npm install -g webpack 

    5.安装完后可以创建一个vue项目,首先建立一个文件夹,然后用vscode打开文件夹,然后终端到该文件夹,如我的是vscodeProject

    创建项目命令:vue init webpack  项目名

         如:vue init webpack  learn01

    然后会出现一些配置,回车就好,为yes,最后就会构建成功

    6.  cd  learn01 

    7. npm run dev

    8.访问http://localhost:8080 看到vue的视图,就项目构建成功了

    二、

    1.假如你在learn01项目下,再构建另一个项目在vscodeProject文件夹下 ,终端 然后 cd..就会回退到上一个文件夹

    三、vscode 中一些操作

    1.如果安装了 eslint :它的语法很严格,当多打空格啥的都会报错,

    如: Expected space or tab after '//' in comment

    故:关闭 方式如下

    修改buildwebpack.base.conf.js文件    

    四、

    1.shift +crtl+n可以打开多个项目

    2.终端中crtl+c 就可以终止项目运行

  • 相关阅读:
    mysql导出导入数据库和表学习笔记
    gitlab+jenkins学习笔记
    mysql数据库的备份与恢复
    第十二天python3 匿名函数
    第十三天python3 生成器yield
    [Todo]Java反序列化-weblogic
    bcrypt浅析
    AWD准备
    Linux下提权练习
    wordpress站点被恶意重定向
  • 原文地址:https://www.cnblogs.com/yiyezhiqiuwuchen/p/12118400.html
Copyright © 2011-2022 走看看