vue和webpack搭建项目笔记

VUE   2023-11-14 11:22   20   0  

Vue.js是一款轻量级的JavaScript框架,用构建用户界面,提供了简洁易用的API和响应式的数据绑定。

Webpack是一个模块打包工具,将各种静态资源打包到一个或多个文件中,并提供了模块和加载器的概念。


部署开发环境:

1. Windows7安装NodeJS v12.22.12

2. npm install -g cnpm@6.0.0 --registry=https://registry.npm.taobao.org //此处6.0.0版本设置对应已安装的npm版本,可选设置淘宝镜像:npm config set registry https://registry.npm.taobao.org

3. 安装VUE:cnpm install vue

4. 安装vue-cli:cnpm install --global vue-cli 或者:cnpm install -g @vue/cli

  安装webpack:cnpm install -g webpack

cnpm install -g webpack-cli

5. 创建一个基于webpack模板的新项目:vue init webpack xiangmu,还可以命令行运行:vue ui 界面来创建项目

//如果被和谐了去Github下载离线包,具体参考:https://github.com/vuejs-templates/webpack

//将下载的webpack-develop.zip压缩包解压,并将文件名改为webpack,放到C:\Users\Administrator\.vue-templates里面,如果没有这个文件夹,如果没有话运行CMD:md .vue-templates,接着到项目下创建项目:vue init webpack ceshi --offline。

https://blog.csdn.net/qq_27009517/article/details/119914120

https://blog.csdn.net/qq_45731083/article/details/114921816

https://blog.csdn.net/feinifi/article/details/104578546

https://blog.csdn.net/weixin_43259515/article/details/114953889

6. 进入创建好的项目:cd xiangmu

7. 初始化当前项目:cnpm install

8. 运行开发模式:cnpm run dev

9. 浏览器运行:http://localhost:8080

10. 项目打包:npm run build


博客评论
还没有人评论,赶紧抢个沙发~
发表评论
说明:请文明发言,共建和谐网络,您的个人信息不会被公开显示。