利志分享
view_headline
开发工具箱
go教程
clickhouse教程
kafka教程
python教程
shell教程
原创杂文
开发工具箱
go教程
clickhouse教程
kafka教程
python教程
shell教程
原创杂文
vue自学教程
原创杂文 / 时间:2022-02-19 21:58:28 / 阅读:93 / 分享:0
##### vue开发环境搭建 --- 安装node.js和npm。 1. npm安装vue脚手架vue-cli:npm install vue-cli -g // 全局安装 1. 接下来使用vue-cli创建一个项目,采用官方的webpack模板:vue init webpack demo 1. 进入demo项目,安装依赖(需要耐心等待一段时间):npm install 1. 启动开发服务器:npm run dev 在vue项目中如何配置favicon? 1. 将 favicon 图片放到 static 文件夹下用 vue-cli 搭建的Vue项目。 1. 然后在 index.html 中添加:<link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico"> 1. 刷新浏览器页面。 --- **运行npm run dev 时报错npm run install --save !!vue-style-loader!css-loader?** cnpm install stylus-loader cnpm install css-loader cnpm install style-loader npm install sass-loader --save npm install node-sass --save npm uninstall less-loader npm install less-loader@5.0.0 -D 都成功以后接着npm run dev就成功了 --- **当出现 npm ERR! ERESOLVE unable to resolve dependency tree这个错误** 解决: npm i --legacy-peer-deps npm i eslint-plugin-vue --- **Vue中使用jquery** 1:安装 ``` npm install jquery ``` 在build/webpack.base.conf文件当中引入jquery ``` module.exports = { ... resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), 'jquery': path.resolve(__dirname, '../node_modules/jquery/src/jquery') } }, ... } ``` 3: ``` import $ from jquery //在需要使用的页面中 ```
按时间分类
2022-04-22
2022-04-10
2022-03-26
2022-03-16
2022-03-08
2022-03-04
2022-02-27
2022-02-26
2022-02-19
2022-01-30
2022-01-23
2021-11-14
2021-11-06
2021-10-07
2021-09-21
2021-09-20
2021-09-15
2021-08-22
2021-08-13
2021-07-28
2021-06-17
2021-05-22
2021-04-23
2021-04-03
2021-03-07
2021-03-05
2021-03-04
2021-02-28
2021-02-21
2021-02-20