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. docker 安装 mongodb
			
    1.docker search mongo 2.docker pull mongo 3.//docker run -d --name mymongo -p 27017:27017 -v /home/h ...
    
			
    2. 
						
  2. Python脱产8期 Day13 2019/4/28
			
    一 函数的嵌套定义 1在一个函数的内部定义另一个函数. 2.为什么有函数的嵌套定义: # 1)函数fn2想直接使用fn1函数的局部变量,可以讲fn2直接定义到fn1的内部,这样fn2就可以直接访问fn ...
    
			
    3. 
						
  3. spring cloud中feign的使用
			
    我们在进行微服务项目的开发的时候,经常会遇到一个问题,比如A服务是一个针对用户的服务,里面有用户的增删改查的接口和方法,而现在我有一个针对产品的服务B服务中有一个查找用户的需求,这个时候我们可以在B服 ...
    
			
    4. 
						
  4. multiset的erase()操作中出现跳过元素的问题
			
    昨天,我写了一个multiset去重,让tt指向it的后面第一个元素,若重复则删除这2个元素,并令it=tt,it++:来使it指向tt的下一个元素(我想指向原it的后面第2个元素,并认为tt的下一个 ...
    
			
    5. 
						
  5. MySQL索引原理及慢查询优化（转自：美团tech）
			
    背景 MySQL凭借着出色的性能.低廉的成本.丰富的资源,已经成为绝大多数互联网公司的首选关系型数据库.虽然性能出色,但所谓“好马配好鞍”,如何能够更好的使用它,已经成为开发工程师的必修课,我们经常会 ...
    
			
    6. 
						
  6. Xshell 连接Linux服务器自动中断问题
			
    Xshell连接上Linux服务器后经常自动中断连接,报错如下图: 解决方法如下,进入/etc/ssh目录打开sshd_config文件,找到下图两个参数并设置下图所示的值: 重启sshd即可解决,如 ...
    
			
    7. 
						
  7. VS2010安装MVC4记录
			
    想学MVC4,但自己电脑上是VS2010,所以在网上查询怎样安装MVC4,总结下给大家. VS2010默认安装的是MVC2,安装MVC4必须先装 SP1,然后安装MVC4. VS2010 SP1 (1 ...
    
			
    8. 
						
  8. rsync用法详细解释
			
    提要 熟悉 rsync 的功能及其特点 掌握 rsync 语法及常用选项的功能 掌握 rsync 命令的三种基本使用方法 掌握如何筛选 rsync 的传输目标 掌握使用 rsync 进行镜像和增量备份 ...
    
			
    9. 
						
  9. 上海上传数据重复-sftp端口关闭
			
    关键: (1) sftp的测试指令:sftp -oPort=2125 meituan@220.248.104.170 (2)让上海那边自己试了一下,也不行,他们自己重置了一下sftp的密码,我们可以登 ...
    
			
    10. 
						
  10. nginx(二)nginx的安装
			
    下载 nginx官网下载地址 把源码解压缩之后,在终端里运行如下命令: ./configure make make install 默认情况下,Nginx 会被安装在 /usr/local/nginx ...
    
			
    11.