基本步骤
: 1.**vue+webpack+npm搭建初始项目,如路径为a; 2. 用微信小程序工具生成一个初始化的微信小程序,如路径为b; 3. 将路径b的内容复制到路径a中,然后用微信小程序打开a文件; 4. 找到开发者工具左上角工具 => 构建npm 这一项,点击进行构建。
vue+webpack+npm搭建初始项目*
https://www.cnblogs.com/luminccs-5308/p/9415713.html 安装步骤: 1、安装node.js 【https://www.cnblogs.com/liuqiyun/p/8133904.html】 2、 安装cnpm (2-1)如果是 Window 系统使用以下命令即可 npm install cnpm -g (2-2)使用淘宝镜像的命令: npm install -g cnpm --registry=https://registry.npm.taobao.org 3、安装webpack: (3-1)cnpm install webpack –g (3-2)cnpm install webpack-cli –g (3-3)webpack –v 【表示安装成功】 4、安装vue-cli (4-1)cnpm install vue-cli -g --全局安装vue-cli (4-2)vue –V【一定要大写】 或者 vue --version 【表示安装成功】 5. 初始化(新建)项目:vue init webpack my-project 若执行报错:vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 192.30.253.112:443;是由于npm代理问题 vue-cli Failed to download repo vuejs-templates/webpack连接超时解决办法 参考: https://www.pianshen.com/article/3642309795/ http://www.coder55.com/article/76938 vue init webpack vuedemo --offline
备注:若执行vue init webpack vuedemo –offline还是不行 则执行以下命令: npm install -g @vue/cli 【升级vue/cli】 vue create vuedemo 【该创建形式为{使用vue脚手架快速创建vue项目}初始化(新建)项目 参考路径:https://www.cnblogs.com/lvonve/p/13598198.html】
基于vue+webpack+npm (1)初始化(新建)项目:vue init webpack vuedemo 【vue create vuedemo】 (2)启动项目命令:npm run dev【npm run serve】 http://localhost:8080 (3)结束项目:Ctrl+C
|