ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

如何用vue-cli脚手架新建项目

2021-11-09 20:04:18  阅读:204  来源: 互联网

标签:npm vue cli simple project webpack 脚手架 my


​​​一、安装Node.js

首先需要安装Node环境。安装完成之后,可以在命令行工具中输入node -vnpm -v,如果能显示出版本号,就说明安装成功。

二、安装vue-cli脚手架

vue初步使用_小白啥时候能进阶成功的博客-CSDN博客

三、创建项目

init :初始化我们的项目。

webpack-simple:使用的哪个模板,这里我们先使用webpack-simple模板

my-project:表示我们项目的名字,这名字可以自己命名,但不要起成系统软件的一些名字,比如vue,node,npm等

vue init webpack-simple my-project

四、运行项目

cd my-project
npm install 
npm run dev

4.1 下载资源

在npm install下载资源后,会自动配置好package.json和webpck.config.js

4.2 运行

 

 

标签:npm,vue,cli,simple,project,webpack,脚手架,my
来源: https://blog.csdn.net/qq_34754747/article/details/121231896

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有