zoukankan      html  css  js  c++  java
  • 【VUE自学】VSCODE和VUE初次接触,编译环境跑起来第一个程序

     ==========================================================================================================

        写在前面:

        技术更新换代真的是太快了,以前还是用HTML-JS-CSS-JQuery框架去写前端,感觉都是好久好久之前的事情了 ,很多年没有写过前端代码了,

    今天闲来有空,也接触下最新的VUE,第一个目标就是找个程序,把环境搭建起来,然后把程序跑起来,然后可以在原有基础上修改点东西。

    ========================================================================================================== 


    VUE教程: https://cn.vuejs.org/v2/guide/instance.html
    VSCODE教程: https://zhuanlan.zhihu.com/p/73577624?from_voters_page=true



    1、安装Node:
    https://nodejs.org/

    2、安装编辑器VSCode:
    https://code.visualstudio.com/download

    3、练手的项目
    找了一个同事给的测试项目,好心同事给我大概的结构都标出来了,不过还是得自己好好看看。

     4、VSCode启动VUE项目 

    https://blog.csdn.net/gods_boy/article/details/84404033
    (1)在终端输入npm install。 遇到的问题参考报错(1)
    (2)然后运行npm run serve 遇到问题参考报错问题(2)
    为什么是这个命令?https://www.cnblogs.com/cndarren/p/12402162.html

    5、启动项目截图。 (此处省略全部截图)

    构建过程中出错和解决方案:
    (1)运行npm install:报这个错operation not permitted
    原因:因为有的模块下载是需要翻墙才能实现,所以可以通过cnpm来代替。
    解决方案:使用淘宝的cnpm来代替。
    https://developer.aliyun.com/mirror/NPM?from=tnpm

    (2)运行的过程中,报错,提示server不是内部命令 

    原因:没有安装vue-cli-server
    解决方案:npm install --global vue-cli
    npm install --global vue-cli-service

    重新安装了一遍npm install,然后再运行 npm run serve,就可以正常启动了。

  • 相关阅读:
    电脑常用快捷键
    k8s node 系统参数调整
    docker 制作镜像并上传
    php服务部署安装
    安装 Kuboard v2
    keepalive配置
    elasticsearch的segment详解
    grafana模板
    jenkins启动
    kubernetes 中文文档
  • 原文地址:https://www.cnblogs.com/conquerorren/p/12859716.html
Copyright © 2011-2022 走看看