博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
创建vue项目
阅读量:6830 次
发布时间:2019-06-26

本文共 670 字,大约阅读时间需要 2 分钟。

1. 安装node.js

从node.js官网下载并安装node 安装完成之后,打开命令行工具,输入node-v,如下图,如果出现相应的版本号,则说明安装成功。

npm包管理器,是集成在node中的,直接输入npm-v就会如下图所示,显示出npm的版本信息

2. 安装cnpm

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 完成之后,我们就可以用cnpm代替npm来安装依赖包了

3.安装vue-cli脚手架构建工具

cnpm install -g vue-cli

4. 用vue-cli构建项目

要创建项目,首先我们要选定目录,然后再命令行中把目录转到选定的目录

在命令行中运行命令 vue init webpack firstVue

这个命令的意思是初始化一个项目,其中webpack是构建工具,也就是整个项目是基于webpack的。

其中firstVue是整个项目文件夹的名称,这个文件夹会自动生成在你指定的目录中 运行初始化命令的时候回让用户输入几个基本的选项,如项目名称,描述,作者等信息,如果不想填直接回车默认就好

5. 安装项目所需的依赖

要安装依赖包,首先cd到项目文件夹(firstVue文件夹),然后运行命令 cnpm install ,等待安装

安装完成之后,会在我们的项目目录firstVue文件夹中多出一个node_modules文件夹,这里边就是我们项目需要的依赖包资源

npm run dev,运行新创建的vue项目

转载地址:http://tsikl.baihongyu.com/

你可能感兴趣的文章
VirtualBox4.2 Bridge Network的一个小tip
查看>>
Android SeekBar自定义使用图片和颜色显示
查看>>
从零开始部署bind9服务器之四: 配置192.168.1.102
查看>>
zookeeper学习之三(Curator客户端)
查看>>
selenium应用
查看>>
linux磁盘管理
查看>>
索骥馆-走向世界之《用美国小孩的方法学英文动词》扫描版[PDF]
查看>>
Android之基于XMPP协议即时通讯软件(三)
查看>>
CentOS下设置服务自动启动的方法
查看>>
vCenter上传文件: fail to log into nfc server
查看>>
资料收集 不断更新
查看>>
ubuntu下安装LNMP
查看>>
各种小细节
查看>>
PHP 5 安装配置(版本大于等于 5.3)
查看>>
对SEO网站优化使用技巧的总结
查看>>
yolov3 darknet:parser.c:315: failed
查看>>
如何关闭SELinux
查看>>
安全工具Nmap扫描参数解析(转)
查看>>
将阿里域名配置保存到execl文件(后面将使用到本地数据库平台等)
查看>>
c# DateTime 时间
查看>>