局部VUE初始化及后续

vue2官方网站:https://v2.cn.vuejs.org/
vue3官方网站:https://cn.vuejs.org/
vuecli网站:https://cli.vuejs.org/zh/guide/

初始化:

1、文件夹要求无中文名
2、cmd进入创建文件夹
3、通过npm init -y命令,创建package.json文件
4、通过cnpm i -D @vue/cli命令,安装vue局部脚手架
5、通过npx vue -V命令,查看局部脚手架是否安装成功及版本
6、通过npx vue create 【项目名】命令,开始创建vue。例:npx vue create project,其中project代表创建对应的项目名。---------------------------或者通过npx vue ui,进入可视化界面创建
7、通过上下键切换需要版本,选中后回车
在这里插入图片描述

8、下载完成后,输入cd 【项目名】命令。例:cd project,解释同上
9、输入yarn serve命令。启动当前项目

	yarn安装:
				一、下载安装
					npm install yarn -g
					安装完成之后检查版本:					
					yarn --version 
				二、配置Yarn
					配置源:
					yarn config set registry https://registry.npm.taobao.org -g
					yarn config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ -g
					检查源:
					yarn config get registry // https://registry.npm.taobao.org
					yarn config get sass_binary_site // https://npm.taobao.org/mirrors/node-sass/

10、后可通过vscode打开新建的vue项目,npm run serve进行启动
11、在vue.config.js文件,修改为以下代码,可运行程序自动打开浏览器进入

		const { defineConfig } = require('@vue/cli-service')
		module.exports = defineConfig({
		    transpileDependencies: true,
		    devServer: {
		        open: true,
		        host: 'localhost'
		    }
		})

切换VUE脚手架版本:

1、vue-cli版本切换

  3版本及以上:npm i -D @vue/cli@4.5.15
  3版本及以下:npm i -D vue-cli
  局部-D,全局-g
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值