DDR爱好者之家

node创建Vue项目步骤详解
站长资源 2024/11/24 佚名
80 1538
DDR爱好者之家 Design By 杰米

vue的安装

Vue.js不支持IE8及以下版本。因为Vue.js使用了ECMAScript5特性，IE8显然不能模拟。

Vue.js支持所有兼容ECMAScript5的浏览器。

在用Vue.js构建大型应用时，推荐使用npm安装，npm能很好的和webpack等打包工具配合使用。

首先Vue的安装依赖于node.js，要保证你的计算机上已经安装过node.js。

如何查看node是否安装或者node版本呢？
进入cmd，输入命令 node -v，回车查看。node最好使用新一些的版本，否则后续安装会提示node版本过低

node创建Vue项目步骤详解

如果是安装过node,则会显示node的版本，否则就会提示不是内部或外部命令，这时候需要自行去node官网下载 
并安装

1，安装vue

npm install vue

安装完毕后，可以检验版本。

vue -V

node创建Vue项目步骤详解

到此vue安装成功

创建一个vue项目

1，全局安装 vue-cli

npm install --global vue-cli

2 , 创建一个基于webpack 模板的新项目

vue init webpack new-project

输入上面命令后，会询问几个选项，根据自己需要填写就可以了。

Project name :项目名称，如果不需要就直接回车。注：此处项目名不能使用大写。

Project description:项目描述，直接回车

Author ：作者

vue build 构建方式（暂且这么解释）

两个选择（上下箭头选择，回车即为选定）

1.Runtime + Compiler:recommended for most users

(译：运行+编译：被推荐给大多数用户)

2.Runtime-only:about 6KB lighter min+gzip,but templates (or any Vue-specific HTML) are ONLY 

allowed in .vue files-render functions are required elsewhere

(译：只运行大约6KB比较轻量的压缩文件，但只允许模板（或任何VUE特定HTML）。VUE文件需要在其他地方呈现函数。翻译不精准，意思大概是选择该构建方式对文件大小有要求)

这里推荐使用1选项，适合大多数用户的

install vue-router？是否安装vue的路由插件，需要就选y，否则就n（以下均遵循此方法）

Use ESLint to lint your code"_blank" href="https://github.com/feross/standard">https://github.com/feross/standard) js的标准风格

  • Airbnb(https://github.com/airbnb/javascript) JavaScript最合理的方法，这个github地址说是JavaScript最合理的方法
  • none (configure it yourself) 自己配置

    • Setup unit tests"" src="/UploadFiles/2021-04-02/202003061442043.png">

     3，安装依赖

    进入项目

    cd new-project

    安装

    npm install

    4,启动项目

    npm run dev

    这时候在浏览器中打开cmd上显示的地址就可以看到新建的页面。

    http://localhost:8081

    但是这个只能在本地跑，要如何在我们自己的服务器上访问呢？ 此时需要执行： ·

    npm run build

    DDR爱好者之家 Design By 杰米
    广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
    免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
    DDR爱好者之家 Design By 杰米
    ddrfans.com DDR爱好者之家
    8,675无损音乐
    1,324高清电影
    213破解软件
    70,141收录资讯

    《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

    暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

    艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。

    《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。

    更新日志

    友情链接

    杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
    DDR爱好者之家 Design By 杰米