Vue-cli脚手架

NPM安装

首先下载nodejs 官网地址:https://nodejs.org/en/

下载完成后打开命令行(安装过node后可以更便捷的用shift+右键选择在当前文件夹打开命令行)

命令行输入 node -v 查看node版本 验证是否安装成功

淘宝镜像 (可选)

如果网速不好可以选择使用淘宝镜像 走的是国内的网 地址如下:

cnpm --registry=http://registry.npm.taobao.org

安装过淘宝镜像后就可以在命令行输入cnpm代替npmle

安装cli脚手架构建工具

命令行输入 cnpm(npm) install -g vue-cli 安装

初始化一个项目

vue init webpack firstVue

这个命令中 webpack是构建工具,也就是说整个项目是基于webpack的。firstVue是整个项目文件的名称,在这个文件中自动生成你指定的目录

运行后会要求输入项目名称 地址等信息 ,可以直接回车略过

package.json中 dependencies&&devDependencies是项目需要的依赖包

进入项目文件夹 firstVue文件夹。运行命令 cnpm install 安装所需依赖

安装完成后再firstVue文件中会多出一个node_modules文件 这里面就是我们项目所需要的依赖资源

到此就可以运行项目了 直接命令行输入 npm run dev 使用webstorm的可以在左下角直接输入npm run dev 浏览器会自动打开一个页面

//如果没有自动打开 可以手动输入localhost:8080

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏魏艾斯博客www.vpsss.net

wordpress 前台源代码显示查询次数、加载时间和内存占用的方法

1463
来自专栏武军超python专栏

2018年8月1日linux中文件管理中各个文件名称的释义

unix/linux文件管理方式: /           unix/linux根目录,unix/linux中所有的设备、文件都存放在这个目录下 /sbin...

893
来自专栏九彩拼盘的叨叨叨

Webpack 加载模块的规则

路径以 . 或 .. 打头,加载相对路径的模块。. 表示当前目录,.. 表示上层目录。 require('./foo.js') 将加载当前文件所在目录的 foo...

1113
来自专栏强仔仔

chrome安装Postman插件

1、下载postman插件,可以自己到网上下载,也可以点击http://download.csdn.net/detail/linzhiqiang0316/985...

5877
来自专栏君赏技术博客

一些获取 SVN 版本提交记录信息的库

1723
来自专栏帘卷西风的专栏

centos yum安装mysql5.6以上版本

centos 自带的软件库只能安装mysql5.1,后续的版本就不行了,要升级mysql只能自己想办法。

1342
来自专栏ytkah

dedecms数据库表前缀不一样怎么还原数据

  我们在用dedecms建站时,安装一般都“下一步”直接往下点,这样默认的表前缀是dede_,如果我们要还原从其他地方拷贝过来的数据,一定要注意表头是否一致。...

40411
来自专栏偏前端工程师的驿站

CentOS6.5菜鸟之旅:关于搜索的shell命令

一、locate命令                             用于模糊搜索文件(目录)的绝对路径。    示例1: // 凡是绝对路径当中含jd...

1867
来自专栏前端那些事

nvm管理不同版本的node和npm

写在前面 nvm(nodejs version manager)是nodejs的管理工具,如果你需要快速更新node版本,并且不覆盖之前的版本;或者想要在不同的...

2928
来自专栏逻辑熊猫带你玩Python

“聊一聊Linux的工作环境”

由于Linux采用了和Windows不同的文件系统,所以和Windows用户熟悉的文件管理模式不通,这里来简单说说Linux的根("/")目录下目录的用途

852

扫码关注云+社区

领取腾讯云代金券