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. 轻量级卷积神经网络——MobileNet
			
    谷歌论文题目: MobileNets: Efficient Convolutional Neural Networks for Mobile Vision Applications 其他参考: CNN ...
    
			
    2. 
						
  2. pytorch Debug —交互式调试工具Pdb (ipdb是增强版的pdb)-1-在pytorch中使用
			
    参考深度学习框架pytorch:入门和实践一书第六章 以深度学习框架PyTorch一书的学习-第六章-实战指南为前提 在pytorch中Debug pytorch作为一个动态图框架,与ipdb结合能为 ...
    
			
    3. 
						
  3. P1354 房间最短路问题
			
    传送门 可以发现,最短路一定要经过墙壁的断点. 那么把房间看作一个有向图,墙壁的断点为节点,求从起点到终点的最短路. 这道题的难点在于建图.枚举所有的断点,若可以走则加入这条边. 判断两点是否连通,即 ...
    
			
    4. 
						
  4. Golang常见误区(二)
			
    35. 关闭 HTTP 的响应体 使用 HTTP 标准库发起请求.获取响应时,即使你不从响应中读取任何数据或响应为空,都需要手动关闭响应体.新手很容易忘记手动关闭,或者写在了错误的位置: // 请求失 ...
    
			
    5. 
						
  5. 控制结构(2): 卫语句（guard clause）
			
    // 上一篇:分枝/叶子(branch/leaf) // 下一篇:状态机(state machine) 基于语言提供的基本控制结构,更好地组织和表达程序,需要良好的控制结构. 典型代码: 同步版本 f ...
    
			
    6. 
						
  6. PHP整洁之道
			
    摘录自 Robert C. Martin的Clean Code 书中的软件工程师的原则 ,适用于PHP. 这不是风格指南. 这是一个关于开发可读.可复用并且可重构的PHP软件指南. 并不是这里所有的原 ...
    
			
    7. 
						
  7. 《Effective C++》继承与面对对象设计：条款32-条款40
			
    条款32:确定你的public继承塑模出is-a关系 public继承意味着is-a.适用于base class身上的每一个函数也一定适用于derived class. 条款33:避免遮掩继承而来的名 ...
    
			
    8. 
						
  8. CSS代码检查工具stylelint
			
    前面的话 CSS不能算是严格意义的编程语言,但是在前端体系中却不能小觑. CSS 是以描述为主的样式表,如果描述得混乱.没有规则,对于其他开发者一定是一个定时炸弹,特别是有强迫症的人群.CSS 看似简 ...
    
			
    9. 
						
  9. windows下用pycharm安装tensorflow简易教程
			
    https://blog.csdn.net/heros_never_die/article/details/79760616 最近开始学习深度学习的相关知识,准备实战一下,看了一些关于tensorfl ...
    
			
    10. 
						
  10. StringJdbc :jdbcTemplate
			
    Spring框架对Jdbc进行了封装 提供了一个JDBCTemplated对象简化Jdbc开发 步骤 1 导包 2 创建JDBCTemplate 对象 依赖于DataSource 3 调用JDBCTe ...
    
			
    11.