zoukankan      html  css  js  c++  java
  • vue ui没反应

    完整安装参考:

    https://blog.csdn.net/qq_41847033/article/details/99178597#5vue_38

    一共是10个步骤,期间需要安装node、webpack等,按步骤操作即可,无需全部理解
    功能快捷键
    撤销:Ctrl/Command + Z
    重做:Ctrl/Command + Y
    加粗:Ctrl/Command + B
    斜体:Ctrl/Command + I
    标题:Ctrl/Command + Shift + H
    无序列表:Ctrl/Command + Shift + U
    有序列表:Ctrl/Command + Shift + O
    检查列表:Ctrl/Command + Shift + C
    插入代码:Ctrl/Command + Shift + K
    插入链接:Ctrl/Command + Shift + L
    插入图片:Ctrl/Command + Shift + G

    合理的创建标题,有助于目录的生成
    直接输入1次#,并按下space后,将生成1级标题。
    输入2次#,并按下space后,将生成2级标题。
    以此类推,我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

    1. 下载node.js,这个网上教程很多,很简单,自己先下,然后傻瓜式安装就好。
    2.检查安装是否完成
    按win+R键,输入cmd,打开命令行窗口,输入node -v与npm -v,检查Node.js的安装是否完成,如果完成,如下图所示:
    1


    3.更换一下下载源,因为npm会引用国外链接,在国内下载会很慢,在这里我们改用淘宝镜像,同时要注意原本的npm由于换了镜像后,命令改为了cnpm
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    1
    4.检查是否更换完成,继续在命令行输入cnpm –v


    5.安装vue脚手架。(如果没有改镜像的话,这个过程会非常缓慢)
    cnpm install --global vue-cli
    1


    6.安装webpack
    cnpm install -g webpack
    1
    7.完成上面的六个步骤之后,基本的环境配置工作我们就完成了。现在我们先在控制台初创我们一个项目,创建完成之后,我们用webstorm等软件打开来完成我们项目的后续开发即可。
    vue init webpack xinming_vue_project(名字自己取,爱啥啥)
    1
    8.选择一些初始化的设置要求,大家可以根据我的下图来。(输入y代表yes,n代表no)


    9.完成之后,你需要打开你刚刚创建的项目的位置。一般默认在C盘里头你的用户文件夹里头。像我的,如下图。你在这个文件夹里,找到你的项目文件夹,然后点击进入。进入之后,把这个界面的路径,改为cmd,然后回车:

    安装运行这个项目需要的一些模块。
    这个时候你能看到弹出来一个命令行界面。然后你在此界面输入代码:
    (1) npm install
    (2) npm run dev
    1
    2
    3
    10.项目正常初始化之后,就基本完成项目的初始化搭建了。可以看到弹出一个网址。把这个网址输入浏览器,http://localhost:8080,就可以看到vue的欢迎界面了。

    最后就可以用webstom导入这个项目开始vue啦
    ————————————————
    版权声明:本文为CSDN博主「qq_41847033」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/qq_41847033/article/details/99178597

    世界再大也有尽头!
  • 相关阅读:
    安装VMtools vim编辑器的使用 压缩包命令 Linux下的用户管理 (第三天)
    VM虚拟机安装 常用Linux命令 网卡配置 (第二天)
    数据库的交互模式 常用的dos命令 (第一天)
    Validate US Telephone Numbers FreeCodeCamp
    Arguments Optional FreeCodeCamp
    Everything Be True FreeCodeCamp
    Binary Agents FreeCodeCamp
    Steamroller FreeCodeCamp
    Drop it FreeCodeCamp
    Smallest Common Multiple FreeCodeCamp
  • 原文地址:https://www.cnblogs.com/shijiehaiyang/p/14708502.html
Copyright © 2011-2022 走看看