1.安装node.js

https://nodejs.org/zh-cn/ 下载安装node.js

在命令行测试

node -v 输出版本号说明安装成功

2.使用npm更新安装cpnm

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

3.全局安装vue-cli

　npm install -g @vue/cli

4.安装成功之后cd进入你想要存放项目的目录下创建项目

vue create (项目的名字)
进行配置选项





5.所有的模块下载成功之后


 


执行:  cd my_project


npm run server




 


6.启动成功之后就可以访问


 


7. 打包




npm run build // 项目完成打包





　　




　　
												


											
使用node.js 脚手架搭建Vue项目的更多相关文章
	

    
								
  1. 利用VUE-CLI脚手架搭建VUE项目
		
    前言 在学习完vue基础语法之后,学着利用vue-cli脚手架搭建一个项目,本篇随笔主要记录搭建的过程,供大家一起学习. 具体内容 搭建vue项目的准备工作 1.安装Nodejs.NPM以及VSCod ...
    
		
    2. 
						
  2. Vue-cli+Vue.js2.0+Vuex2.0+vue-router+es6+webpack+node.js脚手架搭建和Vue开发实战
		
    Vue.js是一个构建数据驱动的web界面的渐进式框架.在写这边文章时Vue版本分为1.0++和2.0++,这个是基于Vue2.0的项目. Vue-cli是构建单页应用的脚手架,这个可是官方的. Vu ...
    
		
    3. 
						
  3. 使用Vue CLI脚手架搭建vue项目
		
    本次是使用@vue/cli 3.11.0版本搭建的vue项目 1. 首先确保自己的电脑上的Node.js的版本是8.9版本或者以上 2. 全局安装vue/cli npm install @vue/cl ...
    
		
    4. 
						
  4. window下安装 node ，并搭建 vue 项目
		
    uname -a  命令查看到我的Linux系统位数是64位(备注:x86_64表示64位系统, i686 i386表示32位系统) window下安装node 1.在官网上选择对应的位数的msi安装 ...
    
		
    5. 
						
  5. 脚手架搭建vue项目
		
    1.安装安装node.js: 2.cnpm install vue-cli -g (全局安装,需要注意的是我这里是用淘宝镜像安装的,没有安装cnpm的需要先去安装一下) 3.vue --version ...
    
		
    6. 
						
  6. 使用脚手架搭建vue项目
		
    全局安装环境 安装webpack npm install webpack -g 安装vue脚手架 npm install -g @vue/cli-init 初始化vue项目 vue init webp ...
    
		
    7. 
						
  7. 搭建vue项目环境
		
    前言 在开发本项目之前,我对vue,react,angular等框架了解,仅限于知道它们是什么框架,他们的核心是什么,但是并没有实际使用过(angular 1.0版本用过,因为太难用,所以对这类框架都 ...
    
		
    8. 
						
  8. 让vue-cli脚手架搭建的项目可以处理vue文件中postcss语法
		
    图中&属于postcss的语法,这样书写样式可以清楚的看出选择器之前的层级关系,非常好用. 在利用vue-cli脚手架搭建的项目中如果不配置是不支持这种写法的,这样写不会报错,但是样式不生效. ...
    
		
    9. 
						
  9. 分享Node.js + Koa2 + MySQL + Vue.js 实战开发一套完整个人博客项目网站
		
    这是个什么的项目? 使用 Node.js + Koa2 + MySQL + Vue.js 实战开发一套完整个人博客项目网站. 博客线上地址:www.boblog.com Github地址:https: ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Linux-基础学习（三）-Nginx学习
			
    1.nginx安装与部署 1.1 nginx入门 Web 网络服务是一种被动访问的服务程序,即只有接收到互联网中其他主机发出的 请求后才会响应,最终用于提供服务程序的 Web 服务器会通过 HTTP( ...
    
			
    2. 
						
  2. Spring Security（三十五）：Part III. Testing
			
    This section describes the testing support provided by Spring Security. 本节介绍Spring Security提供的测试支持.  ...
    
			
    3. 
						
  3. Kafka简介、基本原理、执行流程与使用场景
			
    一.简介 Apache Kafka是分布式发布-订阅消息系统,在 kafka官网上对 kafka 的定义:一个分布式发布-订阅消息传递系统. 它最初由LinkedIn公司开发,Linkedin于201 ...
    
			
    4. 
						
  4. Linux内核入门到放弃-内核活动-《深入Linux内核架构》笔记
			
    中断 中断类型 同步中断和异常.这些由CPU自身产生,针对当前执行的程序 异步中断.这是经典的中断类型,由外部设备产生,可能发生在任意时间. 在退出中断中,内核会检查下列事项. 调度器是否应该选择一个 ...
    
			
    5. 
						
  5. Reachability from the Capital CodeForces - 999E （强连通）
			
    There are nn cities and mm roads in Berland. Each road connects a pair of cities. The roads in Berla ...
    
			
    6. 
						
  6. UC和QQ两个主流浏览器 * 点击触发微信分享到朋友圈或发送给朋友的功能(转载)
			
    转载(声明:仅供学习使用) /** * 此插件主要作用是在UC和QQ两个主流浏览器 * 上面触发微信分享到朋友圈或发送给朋友的功能 * 代码编写过程中 参考: * http://mjs.sinaimg ...
    
			
    7. 
						
  7. pci设备驱动相关
			
    pci 设备注册及查找: https://www.cnblogs.com/image-eye/archive/2012/02/15/2352912.html PFN https://nieyong.g ...
    
			
    8. 
						
  8. EntityFramework Core笔记：入门（1）
			
    1. 安装运行环境 EntityFramework Core运行环境,安装NuGget包: //Sql Server Database Provider PM> Install-Package  ...
    
			
    9. 
						
  9. 解决PHP乱码
			
    如果你的PHP页面出现了乱码,之需要在页面的开始处加入下面代码就可以了. <?php header("content-type:text/html;charset=utf-8" ...
    
			
    10. 
						
  10. Python Installing Jupyter
			
    Jupyter说明jupyter notebook是一款网页版的Python编辑器组件,便于学习Python Jupyer安装yum -y install gcc gcc-c++ kernel-dev ...
    
			
    11.