vue.js开发环境搭建

admin8年前开发素材2023

1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)

2.基于node.js,利用淘宝npm镜像安装相关依赖

 在cmd里直接输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,回车,等待安装...

3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架

在cmd里 1)输入:cnpm install -g vue-cli,回车,等待安装...

            2).输入:vue,回车,若出现vue信息说明表示成功

4.创建项目

在cmd里输入:vue init webpack vue_test(项目文件夹名),回车,等待一小会儿,依次出现‘git’下的项,可按下图操作

5.安装依赖

在cmd里  1).输入:cd vue_test(项目名),回车,进入到具体项目文件夹

             2).输入:cnmp install,回车,等待一小会儿

回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)

基于脚手架创建的默认项目结构如下图所示:

6.测试环境是否搭建成功

方法1:在cmd里输入:cnpm run dev

方法2:在浏览里输入:localhost:8080(默认端口为8080)

运行起来后的效果如下图所示:


分享到:

相关文章

H-ui前端开发

H-ui.2.0.zip 下载...

生成微信红包--拼手气

<?php header("Content-type: text/html; charset=utf-8"); $result =&...

Redis-cli命令最新总结

资料来源:http://redisdoc.com/http://redis.io/commands 连接操作相关的命令默认直接连接  远程连接-h 192.168.1.20 -p...

ThinkPHP Http工具类(用于远程采集 远程下载)

<?php // +---------------------------------------------------------------------- // |...

10个顶级的CSS UI开源框架

10个顶级的CSS UI开源框架

随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验。作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现...

把 SVG 图标对齐到文本

SVG 图标能像字体图标那样进行缩放吗?我们只需要引用一个 CSS 类对 SVG 的尺寸置为 1em / 1em 的大小,就能模拟使用 font-size 属性去缩放图标。这也就意...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。