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. 【转】在子线程中new Handler报错--Can't create handler inside thread that has not called Looper.prepare()
			
    在子线程中new一个Handler为什么会报以下错误? java.lang.RuntimeException:  Can't create handler inside thread that has ...
    
			
    2. 
						
  2. 【vue】vue +element 搭建项目，mock模拟数据（纯干货）
			
    1.安装mockjs依赖 (c)npm install mockjs --save-dev 2.安装axios(Ajax) (c)npm install --save axios 3.项目目录 4.设 ...
    
			
    3. 
						
  3. vue 2.0 + ElementUI构建树形表格
			
    解决: 本来想在网上博客找一找解决方法,奈何百度到的结果都不尽人意,思维逻辑不清,步骤复杂,代码混乱,找了半天也没找到一个满意的,所以干脆就自己动手写一个 思路: table需要的数据是array,所 ...
    
			
    4. 
						
  4. aelf帮助C#工程师10分钟零门槛搭建DAPP&私有链开发环境
			
    aelf是一个可扩展的去中心化云计算区块链平台,支持高性能合约并行执行.原生多链数据交互.存储使用高性能分布式数据库. aelf整个系统可以在windows.osx及linux运行,团队在osx环境下 ...
    
			
    5. 
						
  5. 全国天气预报信息数据 API 功能简介与代码调用实战视频
			
    此文章对开放数据接口 API 之「全国天气预报信息数据 API」进行了功能介绍.使用场景介绍以及调用方法的说明,供用户在使用数据接口时参考之用,并对实战开发进行了视频演示. 1. 产品功能 接口开放了 ...
    
			
    6. 
						
  6. python批量修改linux主机密码
			
    +++++++++++++++++++++++++++++++++++++++++++标题:python批量修改Linux服务器密码时间:2019年2月24日内容:基于python实现批量修改linu ...
    
			
    7. 
						
  7. SpringCloud学习笔记：负载均衡Ribbon（3）
			
    1. RestTemplate简介 RestTemplate是Spring Resource中一个访问第三方RESTful API接口的网络请求框架. RestTemplate是用来消费REST服务的 ...
    
			
    8. 
						
  8. css3 box-shadow阴影(外阴影与外发光)讲解
			
    基础说明:     外阴影:box-shadow: X轴  Y轴  Rpx  color;     属性说明(顺序依次对应): 阴影的X轴(可以使用负值)    阴影的Y轴(可以使用负值)    阴影 ...
    
			
    9. 
						
  9. JS Array.reduce 对象属性累加
			
    Array reduce() 方法  ,无非就是 计算数组元素 相加后的总和 ,看网上给的Demo 全是  [1,2,3,4,6].reduce 这种基本用法, 本次我将使用 reduce 实现 数组 ...
    
			
    10. 
						
  10. Elasticsearch6.x和Kibana6.x的安装
			
    Elasticsearch6.x的安装(centos6.x下) Elasticsearch6.x目前需要至少jdk8的支持,关于如何安装jdk不在讲述.Oracle的推荐安装文档可以在Oracle的网 ...
    
			
    11.