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!

  • 相关阅读:
    day18:json模块&time模块&zipfile模块
    Color Changing Sofa Gym
    Gym
    Gym
    Java的awt包的使用实例和Java的一些提示框
    分组背包 例题:hdu 1712 ACboy needs your help
    UVA1401 Remember the Word 字典树维护dp
    CodeForces833 B. The Bakery 线段树维护dp
    hdu4719 Oh My Holy FFF 线段树维护dp
    Little Difference Gym
  • 原文地址:https://www.cnblogs.com/shixy1617/p/7381343.html
Copyright © 2011-2022 走看看