如何搭建vue项目，完整搭建vue项目

完整开源vue项目

第一步npm安装

首先：先从nodejs.org中下载nodejs

直到Finish完成安装。
打开控制命令行程序（CMD）,检查是否正常

第二步项目初始化

1.第一步：安装vue-cli

cnpm install vue-cli -g //全局安装 vue-cli

查看vue-cli是否成功，不能检查vue-cli,需要检查vue

选定路径，新建vue项目，这里我是在桌面上新建了sun文件夹，cd目录路径

下面我一项目名为sell新建vue项目

vue init webpack ”项目名称“

现在已经创建好了，那就让项目先安装下依赖再运行一下，会出现下面的页面，操作指令是：

cnpm install

cnpm run dev

注意这里要在sell下进行安装和运行哦!!!

安装成功。
利用vue-cil初始化构建vue项目，我们会获得一个初始化的文件夹结构，如下：

下面开始进入你的vue之旅吧！！
https://cn.vuejs.org/

使用淘宝NPM 镜像
大家都知道国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。

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

这样就可以使用cnpm 命令来安装模块了。

完整开源vue项目

转载自：https://www.jianshu.com/p/02b12c600c7b

如何搭建vue项目，完整搭建vue项目相关推荐

Django留言板项目完整搭建
Django留言板项目完整搭建 1.新建python虚拟环境 2.安装Django并新建Django项目 3.生成的目录说明 4.新建一些目录 1.进入虚拟环境的命令 2.可以用Django的命令来新 ...
springmvc 项目完整示例05 日志 --log4j整合配置 log4j属性设置 log4j 配置文件 log4j应用...
log4j 就是log for java嘛,老外都喜欢这样子,比如那个I18n ---internationalization 不就是i和n之间有18个字母... http://logging.a ...
vue = 什么意思_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
cli vue 卸载_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
Java web 2022跟学尚硅谷书城项目完整开源分享
Java web 2022跟学尚硅谷书城项目完整开源分享项目介绍项目类图 sql建表和添加数据界面展示用户登录界面用户注册界面首页添加购物车我的购物车我的订单功能说明项目介绍跟 ...
MacOS 搭建一个vue项目(完整步骤)
搭建一个Vue项目一.安装node环境二.搭建vue项目环境 1.全局安装vue-cli 2.检查是否安装成功 3.创建一个基于 webpack 模板的新项目 4.安装依赖 5.启动项目三.vu ...
搭建SpringBoot+Vue 项目完整流程
文章目录一.创建后端 SpringBoot 项目二.Vue 创建前端项目三.SpringBoot 集成 MyBatis 四.前后端联调一.创建后端 SpringBoot 项目创建过程略创 ...
【完整项目搭建】基于vue-cli实现vue前端搭建考试系统——①创建vue-cli实现项目搭建
1.打开vscode终端,cd进入指定目录[注意,是整个项目的文件夹,该文件夹未来将包含前端和后端的项目],并在指定目录下输入如下指令,检查是否按照node和npm,若已安装,则输出对应版本: ①检查 ...
【完整项目搭建】基于vue-cli实现vue前端搭建考试系统——③项目开发中引入vue-router，并进行配置
1.引入vue - router :搜索vue-router,打开vue-router官方文档 2.由于本项目基于vue2开发,因此将官网切换到v3.x版本,在导航-安装目录下选择npm安装方式安 ...

如何搭建vue项目，完整搭建vue项目

如何搭建vue项目，完整搭建vue项目相关推荐

最新文章

热门文章