美文网首页我爱编程
Vue实现Web项目基本流程

Vue实现Web项目基本流程

作者: 酷酷的图图 | 来源:发表于2018-06-11 10:05 被阅读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) 看看效果先

相关文章

网友评论

    本文标题:Vue实现Web项目基本流程

    本文链接:https://www.haomeiwen.com/subject/tuuceftx.html