网站建设资讯

NEWS

网站建设资讯

创建vue工程-创新互联

Vue的开发环境就不多说了,请自行百度,这里说一下安装好环境之后怎样创建一个新的vue项目

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

创新互联服务项目包括巨野网站建设、巨野网站制作、巨野网页制作以及巨野网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,巨野网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到巨野省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
首先打开cmd,进入到你要创建项目的位置,然后执行项目创建命令,如下:
// 项目名最好不要有大写,否则后面还需要重新设置项目名
F:\>vue init webpack vue-text

创建vue工程

选择完毕,进行安装,需要等待一会儿...

创建vue工程

安装完毕。

创建vue工程

二、 安装工程依赖模块

进入到项目目录下
F:\>cd vue-text

创建vue工程

安装工程依赖模块
F:\vue-text>cnpm install

创建vue工程

项目目录:

创建vue工程

目录解析如下:

创建vue工程

三、 运行该项目,使用nodejs来启动

F:\vue-text>cnpm run dev

创建vue工程

测试访问:http://localhost:8081 ,看到这个页面表示启动成功(默认是8080端口,因为我本地已经启动一个了,所以这里分配的是8081端口)

创建vue工程

参考:
Vue.js 安装
windows环境搭建Vue开发环境

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。


网页名称:创建vue工程-创新互联
网站地址:http://njwzjz.com/article/ceepjh.html