首页 > 其他分享 >vue-cli

vue-cli

时间:2023-01-04 19:44:37浏览次数:51  
标签:npm node vue cli AppData cmd

vue-cli

vue-cli是官方提供的一个脚手架,用于快速生成vue项目模板


一、安装node.js

安装好后可在cmd中输出node -v/npm -v查看

安装node.js淘宝镜像加速器:npm intstall cnmp -g
下载好可在C:\Users\my computer\AppData\Roaming中查看

image
(其中AppData文件夹需要勾上隐藏项目)

二、安装vue-cli

在cmd中输入cnpm install vue-cli -g

image


安装后可在C:\Users\my computer\AppData\Roaming\npm\node_modules中看见刚才所下载的文件夹

image


vue list可以查看基于哪些模板可以创建vue应用程序

image

三、创建vue项目

在cmd中输入 vue init webpack myvue 其中myvue是文件名

image


image


创建完毕可在文件夹中看见
image


四、初始化并运行

在cmd中输入:

cd myvue

npm install

npm run dev

image


当更改 <template> </template>中的内容重新运行时,
在idea的终端输入npm run dev,但需要打开idea的管理员权限

image


image


image

标签:npm,node,vue,cli,AppData,cmd
From: https://www.cnblogs.com/yuanyu610/p/17025831.html

相关文章