我爱编程

Vue实现Web项目基本流程

2018-06-11  本文已影响0人  酷酷的图图

人生苦短 我用python

开始愉快的享(代)受(码)时间:

image

不说话 就是干 上流程

一. Windows终端安装脚手架(先确保电脑已安装node.js)

<npm install -g vue-cli>

二. 初始化项目(项目名为vue-music)

<vue init webpack vue-music>

注意: 初始化项目中会要求输入相关选项(如:项目描述 填写作者等 ) 直接进行选择 配置即可

图片.png

三.安装相关插件(先切换至项目所在路径 <cd vue-music>)

  1. <npm install>
  2. <npm install stylus --save-dev>
  3. <npm install stylus-loader --save-dev>
  4. <npm install babel-polyfill --save-dev>
  5. <npm install babel-runtime --save-dev>
  6. <npm install fastclick --save-dev> 消除点击延迟提高程序运行效率(默认300毫秒)
    7 npm install axios --save-dev

四:运行项目(终端cd 至项目所在路径)

<npm run dev>

此时 如果没报错(报错的先解决错误先吧) 则在浏览器打开终端所给地址(localhost:8080) 看看效果先

上一篇 下一篇

猜你喜欢

热点阅读