vue脚手架的搭建

MageekChiu 发布于2019-08-23 12:02 / 1743人阅读

摘要：基础的知识搭建项目过程系统环境检查是否已安装环境如果没有安装的话，可以去官网安装。安装可以选择不安装淘宝镜像此处有一个坑，和电脑有关。安装完之后，通过以下命令行检查如果可以输出来版本号，就没有问题。

基础的知识

1、html
2、js
3、css

搭建项目过程--windows系统

1、node.js环境--检查是否已安装node环境

node -v

如果没有安装的话，可以去node官网安装。

2、安装cnpm（可以选择不安装）淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

此处有一个坑，和电脑有关。安装完之后，通过以下命令行检查

cnpm -v

如果可以输出来版本号，就没有问题。但是如果说cnpm不是内部命令，那你还要前去配置环境变量

3、全局安装vue-cli

cnpm install -g -vue-cli

可以通过

vue -V

来检查是否安装成功

4、创建新的vue项目

vue init webpack xxx

进入到目录文件夹后，输入上述代码，xxx代表你的vue项目文件名

图片是我安装的示例，后面的yes/no是推荐值

5、安装成功后，可通过提示进入到项目中，并启动该项目

6、启动成功后，会有一个网址，在浏览器中打开，看到以下图片的内容，说明项目搭建成功

云服务器 GPU云服务器云服务器搭建vue项目阿里云服务器搭建vue项目 vue的计算属性脚手架

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97885.html

使用vue-cli脚手架+webpack搭建vue项目

摘要：查看安装是否正常回车后看到输出当前安装的版本号，例如，即安装正常通过以上步聚，说明已经安装完并能正常运行。再次用脚手架搭建项目第二步将模块安装完成后，就可以使用以下命令创建项目了。前言世间万难无非一拖二懒三不读书对说的就是我突然觉得这句话说的很对，自从上次写完nodejs安装及npm全局模块路径的设置已经过去两月有余，而我的vue框架学习也就止步于此。还是没有给自己施加压力...

dantezhao 2019-08-23 10:36 评论0 收藏0
almost最好的Vue + Typescript系列01 环境搭建篇

摘要：初来乍到，请多多关照也许这是第一套基于搭建基于的项目教程。年月初升级到了新的版本版，跟版本项目结构发生了很大的改变，目录结构更简洁更科学。并且可以选配，在此之前配置略麻烦，是的超级，静态类型，便捷的注解，使前端代码优雅。前言 hello~ 大家好。初来乍到，请多多关照 ?(๑•̀ㅂ•́)و✧也许这是第一套基于 vue-cli 3.x 搭建基于 typescript 的vue项目教程...

isLishude 2019-08-22 15:20 评论0 收藏0
vue + vuex + koa2开发环境搭建及示例开发

摘要：开发既是一个练习如何在开发环境中写代码的过程，反过来，也是一个验证环境搭建的对不对好不好用的过程。前端调用后端接口示例为突出重点，排除干扰，方便理解。写在前面这篇文章的主要目的是学会使用koa框架搭建web服务，从而提供一些后端接口，供前端调用。搭建这个环境的目的是：前端工程师在跟后台工程师商定了接口但还未联调之前，涉及到向后端请求数据的功能能够走前端工程师自己搭建的http路径...

xioqua 2019-08-22 13:56 评论0 收藏0
ch01-vue.js简介、环境搭建及脚手架工具

摘要：一简介是一个用于构建交互式界面的直观快速和可组合的框架。的兼容性不支持及其以下版本，因为使用了不能模拟的特性。这是简洁的语法和强劲的性能的基础。的组件一个文件由三部分组成，分别体现为个标签。一、Vuejs简介 Vue.js - Intuitive, Fast and Composable MVVM for building interactive interfaces. vue.js...

Tychio 2019-08-20 15:41 评论0 收藏0