vue初学搭建和运行命令

VUE   2023-11-11 14:29   25   0  

1. Windows7安装NodeJS v12.22.12

2. npm install -g cnpm@6.0.0 --registry=https://registry.npm.taobao.org     //此处6.0.0版本设置对应已安装的npm版本

3. 安装VUE:cnpm install vue

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

  安装webpack:cnpm install -g webpack

5. 创建一个基于webpack模板的新项目:vue init webpack xiaoxiong,还可以命令行运行: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。

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

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

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

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

10. 项目打包:npm run build


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