- 第一步,安装node,
- 第二部,检查npm的版本 npm -v
- 第三部,下载淘宝镜像(随便下载在哪里) npm install -g cnpm --registry=http://registry.npm.taobao.org
- 第四部,安装脚手架工具, cnpm install -g vue-cli
- 第五步,创建一个空的文件夹,键盘按住shift键,然后鼠标右键点击,可以看到选项栏里有一个“在此处打开命令窗口”点击后,
- 第六步,打开命令面板,输入命令: vue init webpack +(项目名字例如,Vue-Project,)弹出相关配置,一路yes,或者百度各个意思然后根据自己的需要选择yes/no,
- 3)创建项目时,会问几个问题,依次回答。
1.确认项目名,如果不需要修改,直接回车。
2.项目的描述,如果不需要修改,直接回车。
3.作者,如果不需要修改,直接回车。
4.是否安装路由,需要安装,输入y,回车。
5.是否使用eslint工具调试代码,不需要,输入n,回车。
6.是否使用单元化测试,不需要,输入n,回车。
7.是否使用e2e监控代码,不需要,输入n,回车。
8.是够使用npm下载包,直接回车。
(4)项目创建完成,在命令行中使用以下指令运行程序。
npm run dev - 第七步,npm run dev运行项目
- 第八步,如果想要上线项目的话,npm run build,把dist文件夹的东西放到线上
- 第九步,如果项目想要打包发给别人的话,node_modules文件夹不用压缩,其他的打包发给别人,那个是依赖包,别人拿到你的压缩包之后,使用npm install下载依赖包就好了
- 组件放在src/components里面
- 如何引用组件,router/index.js/里面引用组件,import home from '@/components/home.vue’好累不想写了请听下回分解,
如何创建vue项目,及基础了解
最新推荐文章于 2022-12-28 16:10:21 发布