zoukankan      html  css  js  c++  java
  • 快速搞定用Vue+Webpack搭建前端项目(学习好久了,该写点东西了......)

    现在开始安装环境

    一.安装node.js

    首先要安装node.js,去nodejs官网下载即可,地址:http://nodejs.cn/中文网。

    安装完成后,打开终端(windows键+R)搜索cmd,输入命令行node -v 和 npm -v,如果能显示出版本号,就说明安装成功。

    二.安装vue-cli

    输入命令:npm install -g vue-cli 

    三.在桌面新建文件夹,并进入文件夹(回顾一下用命令来操作)

    四.准备工作做好,开始正式的搭建项目

    输入命令:vue init webpack demo 回车

    这是你就看到你桌面新建的vue文件夹里边就多了一个demo文件夹

    还有一种新建项目的方法vue init webpack-simple demo 回车(这个搭建的项目比较简单,适合我们平时学习用)

    五.按照上面的命令进行操作

    输入cd demo 回车,再npm install回车,你会发现文件夹中多了一个项目文件夹

    启动项目,输入命令:npm run dev

    这时候你会发现一个端口为8080的项目就搭建完成了,如果浏览器没有出现那说明8080这个端口已经被占用了,那么需要修改一下配置文件 config>index.js。

    在此启动,端口为8088

    然后我们可以自己需要找到app.vue文件,进行代码更改

    后期我们写的文件都要放到src里边,以.vue为后缀

    项目开发完成之后,可以输入 npm run build 来进行打包工作

    是不是你也搭建成功了呢,很有意思吧,加油,我们一起深入vue!

  • 相关阅读:
    我爱网络流之最大流Dinic
    2019ICPC陕西邀请赛复盘
    ZOJ
    ACM省赛及蓝桥总结,且随疾风前行,身后亦须留心
    ZOJ 4124 拓扑排序+思维dfs
    蓝桥 log大侠
    蓝桥历年试题 DNA对比
    “美登杯”上海市高校大学生程序设计邀请赛 (华东理工大学)
    蓝桥历年试题 套娃
    WPF学习之路(七)应用程序和窗口(续)
  • 原文地址:https://www.cnblogs.com/shixy1617/p/7381343.html
Copyright © 2011-2022 走看看