vue-cli初始化一个项目

weixin_30865427

于 2019-01-11 17:55:00 发布

阅读量48

点赞数

CC 4.0 BY-SA版权

文章标签： javascript webpack ViewUI

原文链接：http://www.cnblogs.com/aiyr/p/10256519.html

本文详细介绍使用Vue.js脚手架创建项目的步骤，包括更换npm源至淘宝源、安装Vue-cli、初始化项目、运行开发服务器及构建生产环境代码。通过本教程，读者可以快速掌握从零开始搭建Vue项目的全过程。

1,换成淘宝源；
	npm config set registry https://registry.npm.taobao.org/
	检查是否修改成功
	npm config get registry


2，安装vue脚手架
	npm install -g vue-cli


3，建一个项目
	vue init webpack youDemo

	配置列表：
	E:\workspace\jc_test\vue
	λ vue init webpack fjc_vue

	? Project name fjc_vue
	? Project description A Vue.js project
	? Vue build standalone
	? Install vue-router? Yes
	? Use ESLint to lint your code? No
	? Set up unit tests No
	? Setup e2e tests with Nightwatch? No
	? Should we run `npm install` for you after the project has been created? (recommended) npm

	   vue-cli · Generated "fjc_vue".



4，项目跑起来
	npm run dev

5，
	npm run build
	就创建了一个dist文件，压缩后的文件

转载于:https://www.cnblogs.com/aiyr/p/10256519.html